上。在选择框中选择加载选项

Question

我有一个主要的下拉列表中包含状态的名字，当我选择每个国家的名字，我需要在一个选择框来显示城市名称，但选择框中的名称应该是相同的，因为当我给不同的选择框相同的名称数据不存储在SQL数据库中。所以我需要在每个状态选择上加载特定的城市名称。任何选项

<option value="">Select your Location</option> 
      <option value="CHENNAI">CHENNAI</option> 
      <option value="GURGAON">GURGAON</option> 
</select> 
<select name="site"> 
       <option value=""> Select Site </option> 
       <option value="City1"> City1</option> 
       <option value="City2"> City2</option> 
       <option value="City3"> City3</option> 
       <option value="City3"> City3</option> 
      </select> 
<select name="site"> 
       <option value=""> Select Site </option> 
       <option value="City1"> City1</option> 
      </select> 

Answer 1

Demo

您可以使用prop('disabled', true/false);管理选择哪个城市。你不应该有两个同名的选择，因为你需要他们在sql我做了一个修复。还请注意，在您的帖子中，您首先想念的是<select>，而“城市3”会出现2次。

HTML

<select name="state" id="sel_state"> 
    <option value="">Select your Location</option> 
    <option value="CHENNAI">CHENNAI</option> 
    <option value="GURGAON">GURGAON</option> 
</select> 
<select name="site" id="CHENNAI"> 
    <option value="">Select Site</option> 
    <option value="City1">City1</option> 
    <option value="City2">City2</option> 
    <option value="City3">City3</option> 
    <option value="City4">City3</option> 
</select> 
<select name="site" id="GURGAON"> 
    <option value="">Select Site</option> 
    <option value="City1">City1</option> 
</select> 

jQuery的

$(function() { 

    $("#sel_state").change(function() { 
     var a = $("#sel_state option:selected").text(); 
     if (a == 'CHENNAI') { 
     $('#GURGAON').prop('disabled', true); 
     $('#CHENNAI').prop('disabled', false); 
     $('#GURGAON').prop('name', 'site_ignored'); 
     $('#CHENNAI').prop('name', 'site'); 
    } 
    if (a == 'GURGAON') { 
     $('#CHENNAI').prop('disabled', true); 
     $('#GURGAON').prop('disabled', false); 
     $('#GURGAON').prop('name', 'site'); 
     $('#CHENNAI').prop('name', 'site_ignored'); 
    } 

    }); 
});