js控制select数据绑定下拉列表

最新推荐文章于 2025-10-28 11:51:38 发布

转载最新推荐文章于 2025-10-28 11:51:38 发布 · 439 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/hrhguanli/p/4872643.html

收录于

当前文章被以下社区和专栏收录：

本文介绍两种使用JavaScript/jQuery操作HTML下拉框的方法：一种是通过选择器直接设置select元素的值；另一种是定位到具体option并设置其selected属性。

JS代码段：

<script type="text/javascript">
        $(document).ready(function () {
            $("select[name='paystatus']").val("@Model.paystatus");           //方法一
            //$("#paystatus option[value='@Model.paystatus']").attr("selected", true); //方法二
        });
</script>

//Html部分代码

<select name="paystatus" id="paystatus">
  <option value="0">未支付</option>
  <option value="1">已支付</option>
</select>

注：一、方法一是依据$("select[name='paystatus']")标签查询select对象并为其赋值。
　　二、方法二是分解$("#ID option[value='@Model.paystatus']")查询select option值为@Model.paystatus的选项对象，使用attr()方法赋值selected属性为True；