用jquery隐藏元素很简单，就是hide方法，$(“#example”).hide()，基本上所有元素都可以，但是在IE内核的浏览器上，hide方法对下拉框的option选项无效，用css增加display：none也不行，最后采取了一个办法解决了。
| 代码如下 | 复制代码 |
|
<SELECT class="medium bLeft" name="pay_type" id="pay_type"> <option value="0" id="s0">--请选择计费类型--</option> <option <eq name="fields[0]['pay_type']" value="1">selected</eq> value="1" id="s1">CPC(按点击安装量)</option> <option <eq name="fields[0]['pay_type']" value="2">selected</eq> value="2" id="s2">CPA(按注册计费)</option> <option <eq name="fields[0]['pay_type']" value="3">selected</eq> value="3" id="s3">CPM(按展示千次付费)</option> <option <eq name="fields[0]['pay_type']" value="4">selected</eq> value="4" id="s4">弹窗(按弹窗付费)</option> <option <eq name="fields[0]['pay_type']" value="5">selected</eq> value="5" id="s5">CPA(按行为付费)</option> <option <eq name="fields[0]['pay_type']" value="6">selected</eq> value="6" id="s6">CPS(按销售付费)</option> </SELECT> |
|
当另外一个下拉框的值变动，就相应的隐藏或显示相关选项，采用show()和hide()方法在谷歌、火狐浏览器下都没问题，但是发现在IE内核的浏览器上无效。
因此采用这个办法：
| 代码如下 | 复制代码 |
|
$("#ad_type").change(function(){ type_id=$("#ad_type").val(); if(type_id==19){ $("#softname").show(); $("#soft,#window").hide(); $("#pay_type").empty().html('<option value="1" id="s1">CPC(按点击、安装量)</option><option value="2" id="s2">CPA(按注册量)</option>'); }else if(type_id==18){ $("#softname").hide(); $("#soft,#code,#window").show(); $("#pay_type").empty().html('<option value="4" id="s4">弹窗(按弹窗付费)</option>'); }else{ $("#window").hide(); $("#soft,#code").show(); $("#pay_type").empty().html('<option value="3" id="s3">CPM(按展示千次付费)</option><option value="5" id="s5">CPA(按行为付费)</option><option value="6" id="s6">CPS(按销售付费)</option>'); } }); |
|
这个jquery方法兼容各个浏览器，但是有点死，先这样弄再说！
时间： 2024-10-03 21:23:31