使用JQuery更改Razor下拉列表中的选定值

本文关键字：下拉列表 JQuery 更改 Razor 使用 | 更新日期: 2023-09-27 18:17:15

我想在不点击下拉列表的情况下修改下拉列表的选定值。

我已经用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>

你能帮我一下吗?

谢谢

使用JQuery更改Razor下拉列表中的选定值

可以使用val()设置select中的选中项。要选择value为3的项目，请执行以下命令:

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

试试下面的代码

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

在

相关文章：