用JavaScript做个省份城市下拉框

请问如何写前两个输入框的onblur函数，用户输入省份和城市后，后面的选择框会自动出现相同省份和城市。<body><inputid="shengfen"type="tex... 请问如何写前两个输入框的onblur函数，用户输入省份和城市后，后面的选择框会自动出现相同省份和城市。

<body>
<input id="shengfen" type="text" onblur="enters()">//这两个文本框是让用户输入省份和城市，输入后onblur控制在后面的选择框里自动出现用户输入的省份和城市。
<input id="chengshi" type="text" onblur="enterc()">//
<select id="province">
<option value="none">请选择</option>
</select>
<select id="city"></select>
<input type="button" onclick="info()" value="输出">
</body>
<script>
var datas = { "河北": ["衡水","保定","唐山"],"河南":["郑州","许昌","开封"]};

$(function() {
$.each(datas, function (key, value) {
var option = $("<option value=" + key + ">" + key + "</option>");
$("#province").append(option);
});

$("#province").change(function () {
var selectprovine = $("#province").val();
$("#city option").remove();
if(selectprovine == "none") {
return;
}
$(datas[selectprovine]).each(function () {
var cityoption = $("<option value=" + this + ">" + this + "</option>");
$("#city").append(cityoption);
});
});

});
function info() {
alert("您选择的是地方为" + $("#province").val() + $("#city").val());
}
function enters() {

}
function enterc() {

}
</script>

谢谢各位老师。展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

BLOODJD
推荐于2016-03-31 · 超过51用户采纳过TA的回答

知道小有建树答主

回答量：161

采纳率：0%

帮助的人：94.5万

我也去答题访问个人页

关注

展开全部

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);
}
运行看一下效果


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

用JavaScript做个省份城市下拉框

其他类似问题

为你推荐：