从选项 select 中禁用按钮

Question

你好，我想在 select 选项是特定属性时禁用按钮。

我的代码是这样的：

<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>

<select class="selectpicker" data-live-search="true" id="company" data-size="5" title="Dove Sei?" data-width="100%">
  <option data-tokens="Dove sei?" value="Dove Sei?" id="Dove Sei?" selected>Dove sei?</option> 
  <option data-tokens="another" id="another" value="another" data-picture="another.png">another</option>
  <option data-tokens="another" id="another" value="another" data-picture="another.png">another</option>
  <option data-tokens="another" id="another" value="another" data-picture="another.png">another</option>
</select>



<ul class="list-group" style="text-align: center;">
 <li class="list-group-item" style="border-style: none;"><h4>Servizio</h4>
<div class="btn-group">
 <button id="buttonSurvey" type="submit" class="btn btn-default" data-toggle="modal" data-target="#voteReg" name="survey1" value="green" onclick="getVote(this.value)"  style="border: none;"><img src="Q1.png}" class="Vote"></button>
 <button id="buttonSurvey" type="submit" class="btn btn-default" data-toggle="modal" data-target="#voteReg" name="survey1" value="green" onclick="getVote(this.value)"  style="border: none;"><img src="Q2.png}" class="Vote"></button>
 </div></li>

如果期权价值是 Dove Sei？我想禁用按钮。我可以尝试此代码，但不要运行.

你能帮帮我吗？

Answer 1

你的$("company") select或者什么都不匹配，如果你想select by id，你应该用$("#company").
而不是 $(this).find(':value').text()，请检查：How do I get the text value of a selected option? - 由于您还设置了 value 属性，您可以简单地使用 $(this).val()
您有两个具有相同 ID 的按钮，请记住，您的操作处理程序中的 $("#buttonSurvey") selector 将始终且仅 select 第一个。

Answer 2

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

如果你想禁用所有按钮，你需要在选择器中使用class：

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

从选项 select 中禁用按钮

Disable button from option select

javascript

select

button

option

disabled-input