Question

所以我有一个选项值列表，当它们被选中时，我想将信息传递给Javascript，这样我就可以尝试让Javascript联系服务器并根据该选项值更新其他几个字段（AJAX - 我不熟悉的东西！）

如何让Javascript知道我选择了特定的选项值？

Answer 1

您可以将更改事件侦听器绑定到select元素（这假设您的select元素具有id yourSelect}：

document.getElementById("yourSelect").onchange = function() {
    var selected = this.value;
    //Do whatever with the selected value
}

这是一个working example。只要onchange的值发生更改，就会调用select事件侦听器。您可以使用value访问所选选项的this.value，并将其传递到服务器端脚本。

Answer 2

丑陋的直接编码方法：

<select onchange="the_select_was_changed(this);">
     <option>...</option>
     <option>...</option>
</select>

function the_select_was_changed(obj) {
    alert("The selected index is " + obj.selectedIndex + " and has value " + obj.options[obj.selectedIndex]);
}

Answer 3

为每个选择框添加事件onChange：

<select name="{any name}" onChange="myVJsValuecheckFunction(this)">
  <option value="{myOptionValueOne}">myoptionText</option>
  ...
</select>

然后编写javascript函数：

function

当我选择选项值时，如何让Javascript知道？

3 个答案: