JS控制option的隱藏


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();//當操作類型為“訂單信息”時,操作結果標識則為【成功、部分成功、失敗】;否則則為【成功、失敗】。
      }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM