如何禁用按钮如果我在下拉列表中选择NO
代码就像这样:
Yes No
应该禁用的按钮是:添加到购物车
为您的选择写一个onchange
事件并找到所选的值
JS
$("select").on('change',function(){ if($(this).find('option:selected').text()=="No") $("#btnSubmit").attr('disabled',true) else $("#btnSubmit").attr('disabled',false) });
示例代码段
$("select").on('change',function(){ if($(this).find('option:selected').text()=="No") $("#btnSubmit").attr('disabled',true) else $("#btnSubmit").attr('disabled',false) });
var sel = document.getElementById('productextra'); var sv = sel.options[sel.selectedIndex].value;
这将给出所选选项的值,您可以在其中禁用该按钮
document.getElementById("myBtn").disabled = true;
你的HTML应该是这样的:
和javascript:
window.onload=function() { document.getElementById("productextra0").onchange=function() { if(this.options[this.selectedIndex].value==1) { document.getElementById("submit-button").disabled=true; } else { document.getElementById("submit-button").disabled=false; } } }
这是工作演示
我为添加到购物车按钮添加了一个id,因此可以通过javascript document.getElementById轻松访问它,现在我为dropdown onchange事件添加了事件处理程序,这意味着每次dropdownchanges值都会触发一个函数。 当下拉列表更改其值时,该函数将检查它是否等于1然后它将禁用添加到购物车按钮,否则它将启用它。
我还将该函数放入windows.onload中,以便我们可以确保onchange函数只有在准备好或已经由浏览器创建时才会附加到您的下拉列表中。
按键
jQuery的
$("#btn").prop("disabled", true);