电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 遇到问题-----web前端----select默认选中无效 [打印本页]

作者: look_w 时间: 2019-5-13 13:19 标题: 遇到问题-----web前端----select默认选中无效

select默认选中无效

使用的是bootstrap框架。

         <div class="form-group">
                        <label class="col-sm-3 control-label">收款方式</label>
                        <div 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>
                        </div>
                     </div>

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

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

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

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

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

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)