下拉选项

来源:互联网 发布:m4a1黑龙数据 编辑:程序博客网 时间:2024/05/21 18:33

  <select name="province" id="province">
                        <option value="">请选择省份</option>
                    </select>
                    <select name="city" id="city">
                        <option value="">请选择城市</option>
                    </select>


var city_json='{"北京":["海淀区","大兴区","朝阳区"],"山西":["汾阳","太原","临汾"]}';

            var city_obj=eval('('+city_json+')');
            for (var key in city_obj)
            {
                $("#province").append("<option value='"+key+"'>"+key+"</option>");
            }
            $("#province").change(function(){
                var now_province=$(this).val();
                $("#city").html('<option value="">请选择城市</option>');
                for(var k in city_obj[now_province])
                {
                    var now_city=city_obj[now_province][k];
                    $("#city").append('<option value="'+now_city+'">'+now_city+'</option>');
                }

            });

 



 var zz=$("option:checked").text();//得到下拉列表的值