javascript - 使用值过滤下拉菜单

Question

是否可以在 javascript 中仅使用值属性来过滤基于另一个字段菜单的下拉菜单？

我的意思是，我有以下代码，它是由 django-framework 构建的:

<p><label for="id_country">Country :</label> <select id="id_region" name="region">
<option value="" selected="selected">---------</option>
<option value="1">USA</option>
<option value="2">France</option>
</select></p>
<p><label for="id_region">Region :</label> <select id="id_city" name="city">
<option value="" selected="selected">---------</option>
<option value="1">California</option>
<option value="2">New-York</option>
<option value="3">Oregon</option>
<option value="4">Tenessee</option>
<option value="5">Paris</option>
<option value="6">Bretagne</option>
...

而且我必须过滤值，但只使用值的数量，但我想正确地进行过滤。我们可以这样写吗:

if(id_country == USA) 
    then:
        id_region_value between 1 and 4
if(id_country == France)
    then:
        id_region_value between 5 and 6

Answer 1

你需要每秒选择

$("#id_region").change(function(){
    $("#id_city option[value!='']").hide();
    if($(this).val()==1){
        $("#id_city option").each(function(){
            if($(this).val() >=1 && 4>=$(this).val()){
                $(this).show();
            }
        });
    }
    if($(this).val()==2){
        $("#id_city option").each(function(){
            if($(this).val() >=5 && 6>=$(this).val()){
                $(this).show();
            }
        });
    }
});

http://jsfiddle.net/lTasty/46xLzgqm/