下拉启用/禁用按钮

时间:2014-12-10 12:53:06

标签: javascript html

我尝试使用启用/禁用按钮的下拉菜单,并且我跟随此example

但它已经4岁了,而且这个功能似乎无法在我的xhtml页面上运行。

任何帮助都会被挪用

2 个答案:

答案 0 :(得分:2)

这是一个现场演示:http://jsfiddle.net/txrkrgms/

当select为.change()时,在你喜欢的按钮上使用.prop()方法。

$("select").change(function() {
    if($(this).val() == "on")
        $("button").prop("disable", false);
    else
        $("button").prop("disable", true);
});

希望是你在寻找的。

答案 1 :(得分:0)

HTML:

<select id='ddlToggle'>
    <option Value='1'>ON</option>
    <option Value='0'>OFF</option>
</select>
<input type='button' id='btn1' Value='Hello' />

JQuery的:

$("#ddlToggle").on("change", function(){
    $("#btn1").prop("disable", $(this).val() == "0");
});