Ссылаясь на значение в раскрывающемся списке в JavaScript

Question

Я строю проверку для моих форм. Я покрыл поля ввода текста следующим кодом:

function validateForm_id()
{
var ctrl = document.forms["form1"]["id"];
var x=ctrl.value;
if (x==null || x=="") {
document.getElementById('id').style.backgroundColor="#FFD4D4";
document.getElementById("id").style.borderColor="#FF7A7A";
document.all.id.innerText = "password required";

Я хотел бы проверить значение в выпадающих списках выбора. Значения:

- Выбрать заголовок -
Mr
Г-жа
Ms

Я бы хотел, чтобы пользователь не мог отправить, если - Заголовок - это значение из поля.

как обратиться к первому значению выпадающего списка в if (x==null || x=="") приведенного выше кода? Вот мой выпадающий список:

<select name="title" onKeydown="Javascript: if (event.keyCode==13) post();" onFocus="validation_title()" onBlur="return validateForm_title()" id="title">
    <option>- Title -</option>
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Other</option>
</select> <div align="center" id="title" style="font-size:small; color:#FF0000;"><script type="text/javascript">document.all.title.innerText = " ";</script></div>

Answer 1

Вы можете использовать свойство selectedIndex <select>, чтобы проверить, что первый индекс никогда не выбран.

if (ctrl.selectedIndex == 0) { alert('The Title field is required'); }

Answer 2

var opts = yourSelectObj.options;

затем зациклите параметры.

Answer 3

var select = document.getElementById('mySelectID');
alert(select.options[0].value); //first option's value
alert(select.value); // currently selected value

Чтобы получить текст опции, используйте

alert(select.options[select.selectedIndex].text);