您现在的位置:首页 >> 前端 >> 内容

遇到问题-----web前端----select默认选中无效

时间:2017/8/15 8:54:00 点击:

  核心提示:select默认选中无效使用的是bootstrap框架。p class=form-group label class=col-sm-3 control-label收款方式/label p class=...

select默认选中无效

使用的是bootstrap框架。

<p class="form-group">  
                 <label class="col-sm-3 control-label">收款方式</label>  
                 <p class="col-sm-6 input-group">  
                   <select class="form-control" name="rebackWay" id="rebackWay"  >  
                         <option value="0" >无</option>  
                         <option value="1">支付宝</option>  
                         <option value="2">微信</option>  
                     </select>  
                 </p>  
             </p>  

select放在 一个弹出框中,但是测试时点击弹出框后发现 select没有默认选中,加上selected="selected"也无效。

检查后发现 在弹出框 的事件中, 会给form体赋值, 或者 说 清空了 form的值。

所以 是 给 form体 清空 的 动作影响到了 select的默认选中。

解决方式 是 在 清空 form体的值后 再 重新 设置一遍 选中的值 使用代码如下:

document.getElementById("rebackWay")[0].selected=true;   

 

作者:网络 来源:直到世界的尽头