Javascript 如果<;选择>;option.val()是;“x”;,don.show()div

Javascript 如果<;选择>;option.val()是;“x”;,don.show()div,javascript,jquery,html,Javascript,Jquery,Html,当我单击我的提交按钮时,我只希望它在选择选项的值为2-6时显示/隐藏div。如果值为1(禁用选项),我不希望按钮单击执行任何操作 <select id="brand_bu" name="selected" class="form-control" onchange="panelHeader()"> <option value="1" disabled selected>Please Select a Option..</opt

当我单击我的提交按钮时,我只希望它在选择选项的值为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>



$(document).ready(function() {
$("#submit").click(function(){

    $("#hide").hide();
    $("#show").show();

});
}))

  • 你需要这些元素
  • 您的单击选择器错误-该ID不存在
  • 使用
    .val()
    ,因此,请改用
    selectedIndex()
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
如果($(“#品牌"bu”).prop('selectedIndex')!=“0”){
$(“#隐藏”).hide();
$(“#show”).show();
}
});
});

请选择一个选项。。
2.
3.
4.
5.
6.
刷新表
隐藏
显示
  • 你需要这些元素
  • 您的单击选择器错误-该ID不存在
  • 使用
    .val()
    ,因此,请改用
    selectedIndex()
$(文档).ready(函数(){
$(“#提交”)。单击(函数(){
如果($(“#品牌"bu”).prop('selectedIndex')!=“0”){
$(“#隐藏”).hide();
$(“#show”).show();
}
});
});

请选择一个选项。。
2.
3.
4.
5.
6.
刷新表
隐藏
显示

我更改了你的html代码和js代码。也请查看JSFIDLE。


我更改了你的html代码和js代码。也请查看JSFIDLE。

您没有id为“hide”或“show”的元素,您的按钮元素id为“submit”,而不是“submitbu”。是o型的吗?如果没有,你的点击功能将无法工作。对不起,这是一个打字错误。我没有包括隐藏或显示元素,它们都是简单的元素。你有什么错误吗?或者什么都没发生?当我运行if语句时什么都没发生。你没有id为“hide”或“show”的元素,你的按钮元素的id是“submit”,而不是“submitbu”。是o型的吗?如果没有,你的点击功能将无法工作。对不起,这是一个打字错误。我没有包括隐藏或显示元素,它们都是简单的元素。你有什么错误吗?或者什么都没发生?当我运行if语句时什么都没发生。对不起,这是一个输入错误,我修复了那个部分。javascript看起来怎么样?当我使用它时,当我单击时,什么也不会发生。@khush123456请再试一次-我刚刚编辑过。如果它对您不起作用,那么jQuery可能没有为您加载…很抱歉,这是一个输入错误,我修复了该部分。javascript看起来怎么样?当我使用它时,当我单击时,什么也不会发生。@khush123456请再试一次-我刚刚编辑过。如果jQuery对您不起作用,那么jQuery可能没有为您加载……这已经完成了一半。我只想在单击按钮时显示/隐藏div。这样,只要值更改,div就会在单击之前立即显示和隐藏。有什么想法吗?这已经是一半了。我只想在单击按钮时显示/隐藏div。这样,只要值更改,div就会在单击之前立即显示和隐藏。有什么想法吗?
$(document).ready(function() {
$("#submit").click(function() {

    if($("#brand_bu").val() != "1"){

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

    $("#submit").prop("disabled",true);
    $("#hide").hide();
    $("#show").hide();
});

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

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

    }

})

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