Javascript 如果<;选择>;option.val()是;“x”;,don.show()div
当我单击我的提交按钮时,我只希望它在选择选项的值为2-6时显示/隐藏div。如果值为1(禁用选项),我不希望按钮单击执行任何操作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
<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();
})