Сделать выпадающее меню требуется в зависимости от выбора предыдущего выпадающего - PullRequest
0 голосов
/ 22 января 2019

У меня есть успешный фрагмент JavaScript, который при выборе из выпадающего меню делает обязательным текстовое поле или текстовую область. Однако он не работает с другим выпадающим списком. Любая помощь будет оценена.

Пример. При выборе «Коллекции» в первом раскрывающемся меню становится необходим выпадающий список «Number_of_parcels» (который всегда отображается). Ничего не меняется при выборе «Доставка» и т. Д. Я в тупике, и любая помощь будет оценена.

JAVASCRIPT
function selection()
{    
 var cat = document.getElementById('Collection_Delivery').value;    
    if (cat == "Collection") {
        if (document.getElementById("Number_of_parcels").value == "") {
            alert('This must be completed');
            return false;
        }

    }
    return true;
}


HTML first drop down:
<select name="Collection_Delivery" id="Collection_Delivery"     onChange="selection()">
      <option disabled="disabled" selected="selected">-</option>
      <option value="Delivery">Delivery</option>
      <option value="Collection">Collection</option>
      <option value="Collection and Delivery">Collection &amp Delivery</option>
    </select>

HTML second drop down:
<select name="Number_of_parcels" id="Number_of_parcels">
      <option value="" selected="selected">Please select</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
    </select>

<input type="submit" value="Send" onClick="return checkForm(this.form);selection()" name="myButton">
...