Pass выбранное значение через AJAX OnChange событие

Question

У меня есть выбор формы:

<form id="form" name="nameForm"> 

<select id="selectId" onchange="loadAjax('url.php');return false;"> 
<option>One</option 
<option>Two</option> 
</select> 

</form> 

Я хочу, чтобы, когда пользователь изменяет выбранный параметр, он загружает функцию АЯКС со значением в URL (корыто ГЭТ) ,

Так что я попробовал несколько вещей, и это была моя последняя попытка:

onchange=" 
var e = document.getElementById('form'); 
var strSel = e.form.selectId.value; 
loadAjax('url.php?v='+strSel); 
return false; 
"> 

Не совсем правильно. Кто-нибудь знает, как это сделать правильно?

Answer 1

Вы отсутствует атрибут значения в options

Я попробовал его и он работает после добавления значения, как,

<select id="selectId" onchange="alert('url.php?v='+this.value);return false;"> 
    <option value="one">One</option> 
    <option value="two">Two</option> 
</select> 

Вы должны попробовать это,

<select id="selectId" onchange="loadAjax('url.php?v='+this.value);return false;"> 
    <option value="one">One</option> 
    <option value="two">Two</option> 
</select> 

Working Fiddle

Answer 2

Согласно вашему образцу кода это будет работать

onchange=" 
var e = document.getElementById('selectId'); 
var strSel = e.options[e.selectedIndex].value; 
loadAjax('url.php?v='+strSel); 
return false; 
">