选择地址

//定义省市的信息

var provList = [‘江苏‘,‘浙江‘,‘福建‘,‘湖南‘];

var cityList = [];

cityList[0] = [‘南京‘, ‘苏州‘, ‘宿迁‘, ‘扬州‘];

cityList[1] = [‘杭州‘, ‘温州‘, ‘宁波‘, ‘台州‘];

cityList[2] = [‘福州‘, ‘厦门‘, ‘泉州‘, ‘漳州‘];

cityList[3] = [‘长沙‘, ‘湘潭‘, ‘株洲‘, ‘湘西‘];

//获取select元素

var provSelect = document.querySelector(‘#prov‘);

var citySelect = document.querySelector(‘#city‘);

//把省的信息添加到第一个select元素中

provList.forEach(function(val, index){

//DOM操作了解

provSelect.add(new Option(val, index))

});

//给第一个select绑定change事件

provSelect.onchange = function(){

//获取当前的选项

var index = this.value;

//清空第二个select原先内容

citySelect.length = 0;

//选择对应的城市列表，添加到第二个select

cityList[index].forEach(function(val, index){

citySelect.add(new Option(val, index));

})

}

//手工触发一次 change事件

provSelect.onchange();

html下拉框选中第二个,html通过点击第一个select改变第二关select的内容相关推荐

Element Select下拉框选中后视图没有渲染等问题
Element Select下拉框选中后视图没有渲染等问题解决办法: 实质就是数据层级太深,当数据改变后,视图没有重新渲染,所以通过$forceUpdate() ,来强制刷新视图,重新渲染,这个比较 ...
TP中给select下拉框选中的内容搜索选中seleted
开发某个搜索功能时,在select下拉框选中条件后,单击搜索后总是重置下拉框条件,不能固定之前选中的条件.因此使用TP框架中的IF标签来实现. 代码如下: <select name=" ...
layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值？
layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...
vue项目获取下拉框选中id_vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...
jquery复选框选中及下拉框选中指定项(删除项)
(1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...
select下拉框选中不显示
select下拉框选中不显示 1.浏览器缓存问题,可以尝试清楚浏览器缓存 2.代码问题,先查看代码是否正确, 3.编译问题,重新编译代码即可
动态渲染select下拉框选中状态
动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...
JavaScript案例全选获取下拉框选中的值
<script type="text/javascript">function choice(obj){var checkbox = document.getEleme ...
下拉框选中状态html,js中select下拉框选中
怎么用js动态设置select中的某个值为选中值 select 中的某个options为新建,但在子页面新建一个选项时怎么能提交新用JS动态设置select的方法如下: 手动通过原生JS来实现: / ...
php 获取下拉框选中的文本,jQuery实现select下拉框获取当前选中的文本
本文主要介绍了jQuery实现select下拉框获取当前选中文本.值.索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧,希望能帮助到大家. 话不多 ...

html下拉框选中第二个,html通过点击第一个select改变第二关select的内容

选择地址

html下拉框选中第二个,html通过点击第一个select改变第二关select的内容相关推荐

最新文章

热门文章