需要根据下拉列表中所选项的值设置变量

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);
});

我知道我很接近,但它没有正确地抓住价值.我正在使用"警报"进行测试,仅供参考.

任何帮助表示赞赏!

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>元素本身上调用.