我有两个下拉列表，其中包含与城市的

Question

list1            list2

pune              pune
mumbai           mumbai  
lonavala        lonavala

如果我在第一个列表中选择pune，则将在第二个列表中pune隐藏。我正在使用codeignitor；这是动态下拉列表。

Answer 1

您可以使用 $("#list2").val(...); 和 $("#list2").find("option:selected").remove(); 一起作为：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#list1').on('change',function(){
        var v_selected = $(this).val();
            $("#list2").val(v_selected);
        if  ( v_selected == 'List1_0') 
             $("#list2").val('List2_0');
        else $("#list2").find("option:selected").remove();
    });
});
</script>
<label for="list1"> List1 </label>
<select id="list1">
<option value="List1_0" selected >Please Select ... </option> 
<option value="Pune" >Pune</option> 
<option value="Mumbai" >Mumbai</option> 
<option value="Lonavala" >Lonavala</option> 
</select>
<br>
<label for="list2"> List2 </label>
<select id="list2">
<option value="List2_0" selected >Please Select ... </option> 
<option value="Pune" >Pune</option> 
<option value="Mumbai" >Mumbai</option> 
<option value="Lonavala" >Lonavala</option> 
</select>