//三级联动
省/直辖市<select id="province"></select>
市/省直辖<select id="city"></select>
县/区 <select id="area"></select>
<!-- JQuery方式 -->
<script type="text/javascript">
$().ready(function() {
var coco = "coco";
//ajax
$.ajax({
url: "Test",
dataType: "json",
data: {myName: "coco"},
success: function(data) {
for(var i=0;i<data.length;i++) {
alert(data[i].city + data[i].id);
}
}
});
// getJSON
$.getJSON('Test', function(data) {
alert(data)
alert(data[1].city)
alert(data[0].id)
});
});
</script>
<!-- JS方式 -->
<script type="text/javascript">
window.onload = function() {
var req;
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}else {alert("您的浏览器版本太旧咯");}
if(req) {
req.open("post", "Test", true);
req.send(null);
req.onreadystatechange = function() {
if(req.readyState == 4) {
if(req.status == 200) {
var data = eval('('+req.responseText+')');
var province = document.getElementById("province");
for(var i=0;i<data.length;i++) {
province.options.add(new Option(data[i].city, data[i].id));
}
var city = document.getElementById("city");
var option = document.createElement("option");
option.value = 1;
option.innerHTML = "北京";
city.appendChild(option);
}else {
alert("现在的状态" + req.statusText);
}
}else {
document.getElementById("province").innerText = "加载中...";
}
}
}
}
</script>
分享到:
相关推荐
这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框这里是基于layui开发的省市区三级联动下拉框
NULL 博文链接:https://liangq.iteye.com/blog/1457926
三级联动下拉框 word版本的
纯JS实现地区选择三级联动下拉框
JS年月日三级联动下拉框日期选择代码,默认当前日期,代码附带详细中文注释,供大家参考。
JS年月日三级联动下拉框日期选择代码
jQuery省市区三级联动下拉框基于jquery-1.8.2.min.js制作,三级联动代码。
JS+XML 省市区 三级联动下拉框 可以学到很多东西的 (*^__^*) 嘻嘻……
最近接触layui,比较简洁美观的一款ui,但也有很多小坑,记录一下实现省市区下拉三级联动更新回显的问题 <%--监听省份选择 --%> form.on('select(uprovinceId)', function(data){ initCityList('change')...
jQuery全国高校三级联动下拉框基于jquery.1.10.2.min.js,省份、城市、学校三级联动,数据为2016年全国高校数据统计。
中国的省市县三级联动下拉框html+js源码,看懂后也可以扩展成四级五级联动
实现效果: jQuery实现select省市区三级联动下拉框,通过选择省,市区的值随之变化,非常适用于企业网站或者商城网站,用户在注册的时候填写的信息。php中文网推荐下载!
三级联动下拉框, 也可以扩展为N级联动, 自动判别 label, value, 速度快,项目中肯定用得到
主要介绍了javascript实现省市区三级联动下拉框菜单很详细的代码,解决了大家实现javascript省市区三级联动下拉框菜单的问题,感兴趣的小伙伴们可以参考一下
JS实现的年月日三级联动下拉框日期选择效果源码.zip
layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心...