php - 通过 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 中的值（通过 GET）加载 ajax 函数。

所以我尝试了几件事，这是我最后一次尝试：

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

并不真正正确。有人知道如何正确执行此操作吗？

Answer 1

您缺少value属性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>

工作小提琴

Answer 2

根据您的代码示例，这将起作用

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