JS中的位置字段实现

时间:2011-12-13 07:24:05

标签: javascript jquery json

我使用JSON,JQUERY在JS表单中实现Location字段 状态

<select name="state" id="state-list" onchange="getcities(this)">
                  State  <option value=""  >Select a state...</option>
                </select>

    city<select name="city" id="cities-list" ">
                  State  <option value=""  >Select a city...</option>
                </select>

在javascript中的功能

function getcities(s){
        switch(s.value)
        {
                case 'Assam':
                 $.getJSON('js/jquery/location/assam.php', function(json) {
                var select = $('#cities-list');
                $.each(json, function(k, v) {
                        var option = $('<option />');

                        option.attr('value', v)
                              .html(v)
                              .appendTo(select);
                });
                });
                break;
                case 'Arunachal':
                         $.getJSON('js/jquery/location/assam.php', function(json) {
                var select = $('#cities-list');
                $.each(json, function(k, v) {
                        var option = $('<option />');

                        option.attr('value', v)
                              .html(v)
                              .appendTo(select);
                });
                });
                break;
                default:        
        }
}

现在问题是每当我选择状态然后区域出现在相应的disrict下拉框中但是如果我再次更改区域新区域被添加但前一个未被删除如何删除前一个状态字段被选择时< / p>

1 个答案:

答案 0 :(得分:1)

在添加选项之前,请尝试清除选择框。

改变这个:

var select = $('#cities-list');

对此:

var select = $('#cities-list').empty();