Question

我想修改下拉列表的选定值，而不必点击我的下拉列表。

我已经尝试过使用JQuery的这一行：

$('#select-nb-Persons-button').children(":first").text("3");

它为下拉列表打印好“3”，但之后，当我点击下拉列表时，我注意到它始终是所选的第一个选项标签，而不是我想要的第三个选项标签。：

razor为下拉列表创建的代码：

<div class="ui-select">
    <div id="select-nb-Persons-button" class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow">
        <span>1</span>
        <select data-val="true" data-val-number="Le champ nbPersons doit être un nombre." data-val-required="Le champ nbPersons est requis." id="select-nb-Persons" name="nbPersons">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
        </select>
     </div>
</div>

你能帮我吗？

谢谢

Answer 1

您可以使用val()在select中设置所选项目。要选择value 3的项目，请尝试以下操作：

$('#select-nb-Persons').val('3');

Answer 2

尝试以下代码。

$('#select-nb-Persons-button').children('select').val('5');

DEMO 此处

使用JQuery从Razor的DropDownList更改选定的值

2 个答案: