deaktivieren Drop-Down mit Jquery

Question

habe ich versucht, wie diese

<div class="form-group"> 
      <label>Customer Type</label> 
      <select class="form-control select2" style="width: 100%;" name="customer_type" id="customer_type" onchange="get_corporate(this.value)"> 
       <option value="">Select Customer Type</option> 
       <option value="1">Personal</option> 
       <option value="2">Organization</option> 
      </select> 
     </div> 

     <div class="form-group"> 
      <label>Company Name</label> <button class="btn btn-info btn-xs" type="button" id="btn-addcompany">add</button> 
      <select class="form-control select2" style="width: 100%;" name="company_name" id="company_name"> 
       <option>-- Select Company --</option> 
       <?php 
       foreach ($company as $value) { 
        echo"<option value='".$value['id']."'>".$value['name']."</option>"; 
       } 
       ?> 
      </select> 
     </div> 

aber wenn company_name deaktivieren, variable company_name kann nicht undefiniert, wie zu lösen?

Answer 1

Um die Schaltfläche und Auswahl-Box zu deaktivieren, können Sie dies tun: Sie können die erforderliche Eigenschaft auch deaktivieren.

$(function(){ 
 
$("#save").on("click",function(){ 
 
\t var id = $('#customer_type').val(); 
 
\t if(id == ""){ 
 
\t  alert("Please select Customer Type"); 
 
\t  return; 
 
\t \t } 
 
\t var company= $("#company_name").val(); 
 
\t if(id != 1 && company == 0){ 
 
     alert("Please select your company"); 
 
    return; 
 
\t } \t 
 
}); }); 
 
function get_corporate(id){  
 
var id = $('#customer_type').val();  
 
    if (id == 2){ 
 
    $("#btn-addcompany").prop("disabled",false); 
 
    $("#company_name").prop("required",true); 
 
    $("#company_name").prop("disabled",false); 
 
}else{ 
 
    \t $("#btn-addcompany").prop("disabled",true); 
 
    $("#company_name").prop("required",false); 
 
    $("#company_name").prop("disabled",true); 
 
} 
 

 
} 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
      <label>Customer Type</label> 
 
      <select class="form-control select2" style="width: 100%;" name="customer_type" id="customer_type" onchange="get_corporate()"> 
 
       <option value="">Select Customer Type</option> 
 
       <option value="1">Personal</option> 
 
       <option value="2">Organization</option> 
 
      </select> 
 
     </div> 
 

 
     <div class="form-group"> 
 
      <label>Company Name</label> <button class="btn btn-info btn-xs" type="button" id="btn-addcompany">add</button> 
 
      <select class="form-control select2" style="width: 100%;" name="company_name" id="company_name"> 
 
       <option value="0">-- Select Company --</option> 
 
       <option value="1">1</option> 
 
       <option value="2">2</option> 
 
      </select> 
 
     </div> 
 
<button id="save" type="button">Save!</button>