Dropdown-Menü deaktivieren, abhängig vom Optionsfeld

Question

Ich möchte das Dropdown-Menü deaktivieren, wenn der Optionsschalter prov nicht ausgewählt ist. Ich möchte es nur aktivieren, wenn prov ausgewählt ist.

Ich habe eine Demo davon erstellt, aber es funktioniert nicht und ich weiß nicht warum.

Html:

<td colspan="4"> 
    <input type="radio" name="editList" id="prov"value="Prov">Prov 
    <input type="radio" name="editList" id ="user"value="User">User 
    <input type="radio" name="editList" id="suc "value="Suc">Suc 
<select id="cuadrilla" class="form-control select2 select2-accessible" aria-hidden="true"> 
<option value="1 Year" selected="selected">1 Year</option> 
<option value="2 Years">2 Years</option> 
<option value="3 Years">3 Years</option> 
</select>     
</td> 

JS

$('input:radio[name="editList"]').change(function() { 
      if ($(this).val() == prov) { 
       $('#cuadrilla').attr('disabled', true); 
      } else 
       $('#cuadrilla').removeAttr('disabled'); 
     }); 

JsFiddle

Answer 1

Sie haben einige Syntaxfehler in Ihrem Code mit Ihrem If/Else-Block. Auch Sie verweisen die ID "prov" des Radio-Button, anstelle des Wertes Proveedor

$(document).ready(function() { 
 

 
    $('input:radio[name="editList"]').click(function() { 
 
    if ($(this).val() == "Proveedor") { 
 
     $('#cuadrilla').attr('disabled', true); 
 
    } else { 
 
     $('#cuadrilla').attr('disabled', false); 
 
    } 
 
    }); 
 
    
 
    $('input:radio[name="editList"]')[0].click(); 
 

 
});

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

 

 
<input type="radio" name="editList" id="prov" value="Proveedor" />Proveedor 
 
<input type="radio" name="editList" id="user" value="Usuario" />Usuario 
 
<input type="radio" name="editList" id="suc " value="Sucursal" />Sucursal 
 
<select id="cuadrilla" class="form-control select2 select2-accessible" aria-hidden="true"> 
 
<option value="1 Year" selected="selected">1 Year</option> 
 
<option value="2 Years">2 Years</option> 
 
<option value="3 Years">3 Years</option> 
 
</select>

Answer 2

Sie müssen Anführungszeichen verwenden für 'Prov':

$('input:radio[name="editList"]').change(function() { 
      if ($(this).val() == 'Prov') { 
       $('#cuadrilla').attr('disabled', true); 
      } else 
       $('#cuadrilla').removeAttr('disabled'); 
     });