jquery动态更改值以选择框不起作用

时间:2016-06-10 03:57:23

标签: jquery html

我是一种卡住,因为其他一切对我来说都很好但是当我试图从jquery获取我的选择下拉列表的值时,它仍然显示所选值(在新值之前设置的值)。 经历了jquery dropdown change以及更多但是他们没有多大帮助,可能我没有找到合适的房产。

<select name="RP_6199" class="form-control" id="RP_6199">
    <option value="-1">Unknown</option>
    <option value="1">A</option>
    <option selected="selected" value="2">B</option><!--currently selected value-->
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
</select>

我正在做的代码是

 $("select[name=rp_" + individual.type + "]").each(function () {
     individual.rpId = $("select[name=rp_" + individual.type + "] option:selected").val();
 });

请忽略任何命名错误,因为我刚刚用其他名称替换原始名称以保密。 不知何故,我在这里选择的值仍显示旧选项,但我已更改选项。

1 个答案:

答案 0 :(得分:1)

$('#RP_6199').change(function(){
alert($('option:selected',this).val())

}).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="RP_6199" class="form-control" id="RP_6199">
    <option value="-1">Unknown</option>
    <option value="1">A</option>
    <option selected='selected' value="2">B</option><!--currently selected value-->
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
</select>

  1. 使用.change()
  2. 手动调用更改事件以显示加载时所选选项的值
  3. 将代码包装在文档中