如何操纵combox禁用按钮?

时间:2015-03-04 17:24:12

标签: javascript php jquery ajax

我尝试做的是在选择/从组合框中选择值后禁用按钮。例如,我有......

<select name ="">
<option> disable </option>
<option> enable </option>
</select>

<input type ="submit" name="go" />

因此,一旦我选择禁用,它将自动禁用该按钮,否则启用。

我将如何实施这个? 你能举个例子吗?

2 个答案:

答案 0 :(得分:1)

如果您为下拉列表和按钮添加Id属性并以下列方式使用Jquery,您将实现目标:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="ddl" name ="">
<option> disable </option>
<option> enable </option>
</select>

<input type ="submit" name="go" id="btn" />

$('#ddl').change(function () {

  if($(this).val()=="disable"  ){

     $('#btn').attr('disabled','disabled');  
   } else{
     $('#btn').removeAttr('disabled');

     }
});

答案 1 :(得分:0)

<select name="">
    <option>Disable</option>
    <option>Enable</option>
</select>

<input type="submit" name="go" />

$(document).ready(function(){

    $(".yourDDLClass").change(function({
        if($(this).val() == "disable"){
            $('#btn').attr("disabled","disabled");
        }else{
            $(".yourbtnClass").removeAttr("disabled");
        }
    });

});