用JavaScript做个省份城市下拉框
请问如何写前两个输入框的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
条回答
写回答
写回答
-
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); } 运行看一下效果
答案来源于网络
2019-09-25 20:55:20赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
