Jquery 如果多个下拉选择器中的任何一个设置为0以外的任何值,则显示元素
我是jquery的新手,所以需要一些帮助。请看一些html代码Jquery 如果多个下拉选择器中的任何一个设置为0以外的任何值,则显示元素,jquery,drop-down-menu,Jquery,Drop Down Menu,我是jquery的新手,所以需要一些帮助。请看一些html代码 <select name="jj_register_Editor[profile]" id="jj_register_profile"> <option value="0">None Selected</option> <option class="level-0" value="1407">profile 1</option> <option
<select name="jj_register_Editor[profile]" id="jj_register_profile">
<option value="0">None Selected</option>
<option class="level-0" value="1407">profile 1</option>
<option class="level-0" value="1485">profile 2</option>
<option class="level-0" value="1503">profile 3</option>
<option class="level-0" value="1493">profile 4</option
</select>
<select name="jj_register_Editor[page]" id="jj_register_page">
<option value="0">None Selected</option>
<option class="level-0" value="1407">Page 1</option>
<option class="level-0" value="1485">Page 2</option>
<option class="level-0" value="1503">Page 3</option>
<option class="level-0" value="1493">Page 4</option
</select>
<select name="jj_register_Editor[cats]" id="jj_register_cats">
<option value="0">None Selected</option>
<option class="level-0" value="1407">Cats 1</option>
<option class="level-0" value="1485">Cats 2</option>
<option class="level-0" value="1503">Cats 3</option>
<option class="level-0" value="1493">Cats 4</option
</select>
<select name="jj_register_Editor[tags]" id="jj_register_tags">
<option value="0">None Selected</option>
<option class="level-0" value="1407">sometags 1</option>
<option class="level-0" value="1485">sometags 2/option>
<option class="level-0" value="1503">sometags 3</option>
<option class="level-0" value="1493">sometags 4</option
</select>
<div id="somediv">Some div element</div>
你真的试过jQuery了吗?请展示你到目前为止做了什么。如果没有,请看一下jquery的
.change()
嗨,我的代码不是很好,所以请原谅我的无知。什么是.prop('selectedIndex')?您应该改为使用jQuery的.val(),并检查0(在本例中,.val()将返回一个数组,只需检查数组长度是否大于1(这意味着选择了0以外的值),如果不大于1,则检查数组[0]==0Hi,我明白你的意思,但我需要知道四个下拉列表中是否有任何一个的值不是o。如果四个下拉列表中有任何一个的值不是o,那么我需要显示div。
jQuery(document).ready(function(jQuery) {
if (jQuery('#jj_register_page').val() != '0'){
jQuery( ".form-table tr:nth-child(5)" ).show();
}
else{
jQuery( ".form-table tr:nth-child(5)" ).hide();
}
jQuery('#jj_register_page').change(function(){
jQuery('#jj_register_cats').prop('selectedIndex',0);
jQuery('#jj_register_tag').prop('selectedIndex',0);
jQuery('#jj_register_bp').prop('selectedIndex',0);
if (jQuery(this).val() != '0'){
jQuery(".form-table tr:nth-child(5)").show(200);
}
else{
jQuery(".form-table tr:nth-child(5)").hide(200);
}
});
jQuery('#jj_register_cats').change(function(){
jQuery('#jj_register_page').prop('selectedIndex',0);
jQuery('#jj_register_tag').prop('selectedIndex',0);
jQuery('#jj_register_bp').prop('selectedIndex',0);
if (jQuery(this).val() != '0'){
jQuery(".form-table tr:nth-child(5)").show(200);
}
else{
jQuery(".form-table tr:nth-child(5)").hide(200);
}
});
jQuery('#jj_register_tag').change(function(){
jQuery('#jj_register_page').prop('selectedIndex',0);
jQuery('#jj_register_cats').prop('selectedIndex',0);
jQuery('#jj_register_bp').prop('selectedIndex',0);
//jQuery(".form-table tr:nth-child(5)").css('display', (jQuery(this).val() != '0' ) ? 'block' : 'none');
if (jQuery(this).val() != '0'){
jQuery(".form-table tr:nth-child(5)").show(200);
}
else{
jQuery(".form-table tr:nth-child(5)").hide(200);
}
});
jQuery('#jj_register_bp').change(function(){
jQuery('#jj_register_page').prop('selectedIndex',0);
jQuery('#jj_register_cats').prop('selectedIndex',0);
jQuery('#jj_register_tag').prop('selectedIndex',0);
if (jQuery(this).val() != '0'){
jQuery(".form-table tr:nth-child(5)").show(200);
}
else{
jQuery(".form-table tr:nth-child(5)").hide(200);
}
});
});