Taste aktivieren disble bei der Auswahl der Drop-Down-Wert

Question

Ich habe zwei Buttons:

1. Für Großauftrag

2. Beispielauftrag

standardmäßig beide Tasten sind deaktiviert, wenn ich auf das Dropdown. Der Wert "1", dann "Sample Order Btn" sollte aktiviert sein und wenn ich auf den Dropdown-Wert klicke, sollte mehr als 1 "Buk Order" Btn aktiviert sein.

Bei erneuter Auswahl sollten beide Tasten deaktiviert sein. Hier ist mein Code auf Element auswählen, es funktioniert nicht und ich weiß nicht warum.

$("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); 
 
    } 
 
\t  
 
    if ($(this).find('option:selected').text()=="0"){ 
 
     alert('sele'); 
 
     $("#product-addtocart-button").attr('disabled',true); 
 
     $("#product-addtocart-button1").attr('disabled',true); 
 
    } 
 
});

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

Answer 1

$("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>

Wert verwenden und vergleichen Sie die Taste 1 oder 0 abhängig von Ergebnis zu deaktivieren oder aktivieren

Answer 2

USE

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

STATT

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