禁用选项选择按钮

时间:2017-02-13 15:02:01

标签: javascript select button option disabled-input

您好我想在选择选项是特定属性时禁用按钮。

我的代码是:

_tags
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript">
	$("company").on('change',function(){
	 if($(this).find(':value').text()=="Dove Sei?")
	  $("#buttonSurvey").attr('disabled',true)
	 else
		$("#buttonSurvey").attr('disabled',false)
	});
</script>

如果选项价值是Dove Sei?我想禁用按钮。我可以尝试这段代码,但不要运行。

你能帮助我吗?

2 个答案:

答案 0 :(得分:1)

  1. 您的$("company")选择器与任何内容都不匹配,如果您想按ID选择,则应使用$("#company")
  2. 请检查:How do I get the text value of a selected option?,而不是$(this).find(':value').text() - 由于您还设置了value属性,因此您只需使用$(this).val()
  3. 您有两个具有相同ID的按钮,请记住,动作处理程序中的$("#buttonSurvey")选择器将始终只选择第一个。

答案 1 :(得分:1)

  $(function() {
    $("#company").on('change', function(){
    if($(this).val()=="Dove Sei?")
      $("#buttonSurvey").attr('disabled',true)
    else
      $("#buttonSurvey").attr('disabled',false)
    });
  });

如果要禁用所有按钮,则需要在选择器中使用类:

$(".btn-default").attr('disabled',true)