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

时间:2010-12-29 14:52:40

标签: jquery

我正在尝试将变量设置为下拉列表中所选项目的值,但无法使其正常工作。这是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);
});

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

感谢任何帮助!

1 个答案:

答案 0 :(得分:5)

只需在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>元素本身上调用。