Question

我有一个在C＃

中生成的下拉列表

@Html.DropDownList("State", Model.States, new { id = "BTState" }, Model.GetDisabled("State"))

我注意到在选择其他选项后，所选值不会改变，即使它显示我选择的选项。例如，当页面加载时，值为＆＃34; RI＆＃34 ;;如果我将其更改为＆＃34; MA＆＃34;，下拉列表显示＆＃34; MA＆＃34;，但是当我提交表单时，提交的值是＆＃34; RI＆＃34;当我检查Chrome中的下拉列表时，我可以看到＆＃34; RI＆＃34;被选中。

我想也许我可以通过手动设置所选选项来解决这个问题，所以我写了这个：

$("select").on("change", function () {
    var state = $("option:selected", this).text();
    $("option", this).filter(function () {
        //may want to use $.trim in here
        return $(this).text() == state;
    }).prop('selected', true);
});

它好像在起作用;当我单步执行时，状态＆＃39;是我选择的选项，当我将鼠标悬停在该方法的最后时，这个＆＃39;并检查选项，＆＃34; MA＆＃34;有＆＃34;选择=真＆＃34;和＆＃34; RI＆＃34;有＆＃34;选择=假＆＃34;。但是，当我检查选择框时，仍然选择了RI：

<option selected="selected" value="RI">RI</option>

设置Jquery后，选择的下拉选项不会更改

0 个答案: