Question

我有两个按钮：

批量订单
样品订单

默认情况下，单击下拉列表时，两个按钮都被禁用。价值＆＃34; 1＆＃34;那么＆＃34;样品订单Btn＆＃34;应该启用，当我点击下拉值超过1＆＃34; Buk Order＆＃34;应该启用Btn。

再次选择，应禁用两个按钮。这是我的选择元素的代码，它不起作用，我不知道为什么。

＆＃13;

$("select").on('change',function(){
    if ($(this).find('option:selected').text()=="1"){
        alert('1');
        $("#product-addtocart-button").attr('disabled',true);
        $("#product-addtocart-button1").attr('disabled',false);
    }
  
    if ($(this).find('option:selected').text()!="1" && $(this).find('option:selected').text()!="0"){
        alert('25');
        $("#product-addtocart-button1").attr('disabled',true);
        $("#product-addtocart-button").attr('disabled',false);
    }
	   
    if ($(this).find('option:selected').text()=="0"){
        alert('sele');
        $("#product-addtocart-button").attr('disabled',true);
        $("#product-addtocart-button1").attr('disabled',true);
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="productextra">
    <option selected value="0">select</option>
    <option value="1">1</option>
    <option value="25">25</option>
    <option value="50">50</option>
    <option value="75">75</option>
    <option value="100">100</option>
    <option value="150">150</option>
    <option value="200">200</option>
    <option value="250">250</option>
    <option value="300">300</option>
    <option value="400">400</option>
    <option value="500">500</option>
    <option value="750">750</option>
    <option value="1000">1000</option>
</select>
<button type="button" id="product-addtocart-button" class="button btn-cart"  disabled="disabled">
    <span>
        <span>Bulk Order</span>
    </span>
</button>
<button type="button" id="product-addtocart-button1" class="button btn-cart select-change" disabled="disabled">
    <span>
        <span>Sample Order</span>
    </span>
</button>

＆＃13;

Answer 1

使用

$("#product-addtocart-button").attr('disabled','disabled');
$("#product-addtocart-button1").removeAttr('disabled');

INSTEAD OF

$("#product-addtocart-button").attr('disabled',true);
$("#product-addtocart-button1").attr('disabled',false);

Answer 2

$("select").on('change', function() {

  console.log($('option:selected', this).text() == 0)
  console.log($('option:selected', this).val())
  $("#product-addtocart-button").attr('disabled', $('option:selected', this).val() > 1 || $('option:selected', this).val() == 0);
  $("#product-addtocart-button1").attr('disabled', $('option:selected', this).val() == 1 || $('option:selected', this).val() == 0);


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="productextra">
  <option selected value="0">select</option>
  <option value="1">1</option>
  <option value="25">25</option>
  <option value="50">50</option>
  <option value="75">75</option>
  <option value="100">100</option>
  <option value="150">150</option>
  <option value="200">200</option>
  <option value="250">250</option>
  <option value="300">300</option>
  <option value="400">400</option>
  <option value="500">500</option>
  <option value="750">750</option>
  <option value="1000">1000</option>
</select>
<button type="button" id="product-addtocart-button" class="button btn-cart" disabled="disabled"><span><span>Bulk Order</span></span>
</button>
<button type="button" id="product-addtocart-button1" class="button btn-cart select-change" disabled="disabled"><span><span>Sample Order</span></span>
</button>

使用值并比较为1或0，具体取决于结果禁用或启用按钮

按钮启用disble on select dropdown Value

2 个答案: