js 设置select选中的项

实列:js选择 com2 html代码

<select class="select_styled" id="ptz_com_nub">
     <option style="font-size: 20px;" value="01" selected>COM1</option>
     <option style="font-size: 20px;" value="02">COM2 </option> 
     <option style="font-size: 20px;" value="03">COM3 </option> 
     <option style="font-size: 20px;" value="04">COM4 </option> 
</select>

js代码

/** 
 * 设置select选中 
 * @param selectId select的id值 
 * @param checkValue 选中option的值 
 */
 function setSelectChecked(selectId, checkValue) {
     var select = document.getElementById(selectId);

     for (var i = 0; i < select.options.length; i++) {
         if (select.options[i].value == checkValue) {
             select.options[i].selected = true;
             break;
         }
     }
 }


//使用执行 
setSelectChecked("ptz_com_nub", "COM2");


1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
SEA模板网 » js 设置select选中的项

发表评论

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员