javascript实现点击省份出现城市功能

JavaScript010

javascript实现点击省份出现城市功能,第1张

使用jq吧，很多操作可以简化，先引入jq文件

省份option的value写为省份的标示，就是省份和城市关联的字段

<script>

$(function(){

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

var province = $(this).val()

$.get("/控制器名/请求的方法名", {'id':province}, function(ret){

// ret是请求方法的返回值，在这里就是通过省份查到的城市数组

var city = ''

$.each(ret, function(i, o){

city += "<option value=" + o.城市id + ">" + o.城市名 + "<option>"

})

$("#dorp2").empty().append(city)

})

})

})

</script>

function enters() {

var vkey=$("#shengfen").val()

var option = $("<option value=" + vkey + ">" + vkey + "</option>")

$("#province option").remove()

$("#province").append(option)

}

function enterc() {

var vkey=$("#chengshi").val()

var option = $("<option value=" + vkey + ">" + vkey + "</option>")

$("#city option").remove()

$("#city").append(option)

}

运行看一下效果