首页 > Web开发 > 详细

Js操作select控件

时间:2021-01-25 14:18:12      阅读:22      评论:0      收藏:0      [点我收藏+]

<select id=‘selState‘ class="selector"></select>

1、动态绑定select下拉框里面的值

  首先清空下拉选择框

  var selectObj = document.getElementById("selState");

  selectObj.options.length = 0;

  然后把后台传过来的值循环绑定上去
    for (var i = 0; i < json.statelist.length; i++)

      {
        selectObj.options[selectObj.length] = new Option(json.statelist[i].statename, json.statelist[i].statename);
      }

2、动态绑定值设置text为XX的项选中 

        $("#selState").find("option[value=‘XX‘]").attr("selected", true); 

3、获取当前选中项的value   

  $("#selState").val();   

4、获取当前选中项的text 

   $("#selState").find("option:selected").text();

Js操作select控件

原文:https://www.cnblogs.com/wxblogs/p/14324758.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!