触发此事件以在.click（）上运行

Question

当我单击提交按钮时，如果选择选项的值为2-6，则只希望它显示/隐藏div。 如果值为1（禁用选项），则我不希望单击按钮执行任何操作。

<select id="brand_bu" name="selected" class="form-control" onchange="panelHeader()">
    <option value="1" disabled selected>Please Select a Option..</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>

<span class="input-group-btn">
    <button class="btn btn-primary" id="submit" type="button">Refresh Table</button>
</span>

这是我最初的j查询代码：在这里，单击它即可隐藏并显示适当的div。 我想这样做，以便在单击时禁用的值不起作用，并且仅当在下拉列表中选择任何其他值时才起作用。

$(document).ready(function() {
    $("#submit").click(function(){
        $("#hide").hide();
        $("#show").show();
    });
});

我已经修改并提出了此建议，但仍然不正确。 一旦选项值更改，事件就会被触发并在单击按钮之前发生。 我想在此功能中正确添加一个按钮单击，以便

1）如果选择了选项value = 1，则单击按钮时什么都不会发生2）仅在单击按钮时＆当选项值为！= 1时，事件才触发

$(document).ready(function(){
    $("#submit").prop("disabled",true);
});

$("#brand_bu").change(function(){

    if($(this).val() != 1){
        $("#submit").prop("disabled",false);
        $("#hide").hide();
        $("#show").show();
    }
    else 
    {
        $("#submit").prop("disabled",true);
        $("#hide").hide();
        $("#show").hide();
    }
});

Answer 1

尝试这个：

$("#submit").on("click", function(){

    if($("#brand_bu").val() != 1){
        $("#submit").prop("disabled",false);
          $("#hide").hide();
    $("#show").show();
    }
    else {
     $("#submit").prop("disabled",true);
    $("#hide").hide();
    $("#show").hide();

    }

})

Answer 2

这很简单，您要做的就是检查select中的选定值：

$(document).ready(function() {
    $('#submit').on('click', function() {
        if($('#brand_bu option:selected').val() != 1){
            //Not option 1.
            //Hide and Show happens here
        } else {
            //Option 1
            //Nothing should happen here
        }
    }
}