У меня есть успешный фрагмент 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 & 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">