首页 > Web开发 > 详细

JS控制option的隐藏

时间:2015-08-18 16:02:12      阅读:257      评论:0      收藏:0      [点我收藏+]
display=none和"visibility: hidden都无法隐藏掉选项,jquery的hide()方法也不行。
但是可以尝试删掉元素再添加
操作类型:
<select name="option_type" data-rules="{required : true}">
                        <option value=""></option>
                        <option value="1">订单信息</option>
                          <option value="2">业务/终端类型</option>
                    </select>

操作结果标识:

<select name="trade_status" data-rules="{required : true}">
                         <option value=""></option>
                          <option id="trade_status_success" value="00">成功</option>
                          <option id="trade_status_partial" value="11">部分成功</option>
                          <option id="trade_status_error" value="01">失败</option>
                    </select>

当操作类型为“订单信息”时,操作结果标识则为【成功、部分成功、失败】;否则则为【成功、失败】。

$(‘select[name="option_type"]‘).change(function(){
      //当操作类型为“订单信息”
      if(‘1‘ == $(‘select[name="option_type"]‘).val()){
      //当操作类型为“订单信息”时,操作结果标识则为【成功、部分成功、失败】;否则则为【成功、失败】。
          $(‘#trade_status_partial‘).remove();
          $("#trade_status_error").before("<option id=‘trade_status_partial‘ value=‘11‘>部分成功</option>");
}else{
$(‘#trade_status_partial‘).remove();//当操作类型为“订单信息”时,操作结果标识则为【成功、部分成功、失败】;否则则为【成功、失败】。
      }

 

JS控制option的隐藏

原文:http://www.cnblogs.com/yinghao/p/4739453.html

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