小编Jov*_*ica的帖子

使用jQuery select更改它不会显示所选选项

我有隐藏的表单,有几个选择字段和一些输入字段.单击按钮应显示该表单并在字段中设置一些值.输入字段用给定的值填充但我在选择字段时遇到问题.

使用此代码:

$("#form select[name=user]").val(value);
Run Code Online (Sandbox Code Playgroud)

具有该值的选项获取属性"已选中"(在Firebug中选中),但选择字段仍显示"选择"(初始)选项.

设置值后,我尝试做焦点和模糊,但这也不起作用.

有什么建议?


这几乎是标准形式:

<form action="#" id="form" class="fix">
<div class="holder">
    <label>User:</label>
    <select name="user" class="styled">
        <option value="0" selected>Choose</option>
        <option value="1">User 1</option>
        <option value="2">User 2</option>
        </select>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

并通过调用jQuery语句:

$("#form select[name=user]").val('2');
$("#form").show();
Run Code Online (Sandbox Code Playgroud)

我在Firebug中得到这个:

<form action="#" id="form" class="fix" style="display:none">
<div class="holder">
    <label>User:</label>
    <select name="user" class="styled">
        <option value="0">Choose</option>
        <option value="1">User 1</option>
        <option value="2" selected>User 2</option>
        </select>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

但文本是选择保持"选择".如果我提交表单,则值正确传递.

如果我重置表单并选择一些选项,则正确显示所选选项的文本.这对我来说很奇怪.

jquery select option

10
推荐指数
3
解决办法
3万
查看次数

标签 统计

jquery ×1

option ×1

select ×1