使用jquery筛选选择框选项

我有两个选择框，一个包含不同的国家名称，另一个包含所有国家的所有州名称

然后，如果我从国家选择框中选择印度，州选择框需要单独显示印度的所有州，并从中删除所有其他州

---

我需要在JQuery中这样做，任何人都可以指导我

U最好用不同的方式

选择两个框，其中一个为国家/地区 另一个状态为默认禁用 当使用时，从第一个选择框中选择国家，然后在第二个选择框中通过ajax获取该国家的所有状态

---

这将是一种更好的方式，而不是将所有状态一起上传，然后过滤。你最好使用不同的方式

选择两个框，其中一个为国家/地区 另一个状态为默认禁用 当使用时，从第一个选择框中选择国家，然后在第二个选择框中通过ajax获取该国家的所有状态

---

这将是一种更好的方式，而不是将所有状态上传到一起，然后过滤，在“国家数组”下创建一个状态数组，并将onchange事件附加到状态

<script>


var states = [];

states['India'] = ["state 1", "state 1", "state 1"];



states['China'] = ["state 2", "state 2", "state 3"];


$(document).ready(function (){


    $('#country').change(
        function(){

            var temp = states[$(this).val()];

            $('#states').children().remove();

            for(var j=0; j<temp.length; j++){

                $('<option></option>').html(temp[j]).appendTo($('#states'));

            }

        }       
    )


})


</script>

<select id="country">
    <option id="India">India</option>
    <option id="Nepal">Nepal</option>       
    <option id="China">China</option>       
    <option id="Mongolia">Mongolia</option>             
    <option id="Russia">Russia</option>                     
</select>   

<select id="states">
    <option>null</option>
</select>

---

在array of countries下创建一个states数组，onchange事件将其附加到states

<script>


var states = [];

states['India'] = ["state 1", "state 1", "state 1"];



states['China'] = ["state 2", "state 2", "state 3"];


$(document).ready(function (){


    $('#country').change(
        function(){

            var temp = states[$(this).val()];

            $('#states').children().remove();

            for(var j=0; j<temp.length; j++){

                $('<option></option>').html(temp[j]).appendTo($('#states'));

            }

        }       
    )


})


</script>

<select id="country">
    <option id="India">India</option>
    <option id="Nepal">Nepal</option>       
    <option id="China">China</option>       
    <option id="Mongolia">Mongolia</option>             
    <option id="Russia">Russia</option>                     
</select>   

<select id="states">
    <option>null</option>
</select>

---

有很多脚本，只需要谷歌搜索一下，有很多脚本，只需要谷歌搜索可能的@karthi如果对你有效，你应该点击我文章顶部左角的勾号按钮接受我的答案。@karthi如果对你有效，你应该点击我文章顶部左角的勾号按钮接受我的答案。