Jquery 如果多个下拉选择器中的任何一个设置为0以外的任何值,则显示元素

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

我是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 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);   
        }
    });

});