jquery - 需要根据下拉列表中所选项目的值设置一个变量

Question

我试图将变量设置为下拉列表中所选项目的值，但无法使其正常工作。这是 HTML:

<select id="locationChoice" name="WorkflowList">
<option value=" ">-- Please Select --</option>
<option value="14643">Item A</option>
<option value="14644">Item B</option>
<option value="14645">Item C</option>
</select>

这是 jquery:

    var rfiSchooldropdown = $('#locationChoice:selected').val(); 
$("#locationChoice").change(function() {
alert(rfiSchooldropdown);
});

我知道我已经很接近了，但它没有正确获取值(value)。我正在使用“警报”进行测试，仅供引用。

感谢任何帮助!

Answer 1

只需在 change 上重新设置即可事件，像这样:

var rfiSchooldropdown = $('#locationChoice').val(); //no :selected here
$("#locationChoice").change(function() {
  rfiSchooldropdown = $(this).val();     
  alert(rfiSchooldropdown);
});

或者，整体上更简单一点:

var rfiSchooldropdown;
$("#locationChoice").change(function() {
  rfiSchooldropdown = $(this).val();
  //use rfiSchooldropdown
}).change();

请注意，在第一个示例中，我删除了 :selected , .val() 可以直接调用<select>元素本身。