<select onchange="showsp(this)">
<option>请选择需要查看的信息:</option>
<option value="gd">gz</option>
<option value="hn">hn</option>
<option value="hb">hb</option>
<option value="sc">sc</option>
<option value="yn">yn</option>
<option value="fj">fj</option>
</select>
<select id="sp" onchange="show(this)">
</select>
<a id="aa" href="http://www.taiheinfo.net"/>aa
<script>
function show(slt){
if(slt.selected=true){
document.getElementById("aa").href=slt.value+".html";
}
}
//利用面向对象的思维定义省份对象
function province(){
var gd=new Array();
gd.push("广州","韶关");
this.gd=gd;
var hn=new Array();
hn.push("长沙");
this.hn=hn;
var hb=new Array();
hb.push("武汉");
this.hb=hb;
var sc=new Array();
sc.push("成都");
this.sc=sc;
var fj=new Array();
fj.push("厦门");
this.fj=fj;
var yn=new Array();
yn.push("昆明");
this.yn=yn;
}
//利用new来创建省份对象
var p=new province();
//显示对应省份的城市
function showsp (sp){
//清空城市的选择框
clu();
//判断是否选择了省份
if(sp.selected=true){
//遍历省份的所有城市,并赋值给城市选择框
for(var i=0;i<p[sp.value].length;i++){
//创建一个Option
var oOption = document.createElement("option");
//将option添加到城市选择框中
document.getElementById("sp").options.add(oOption);
document.getElementById("sp").options[0].selected=true;
//为option赋值
oOption.innerText =p[sp.value][i];
oOption.value =p[sp.value][i];
}
}
}
function clu()
{
//当有城市的时候,就清空
while(sp.length>0){
sp.options[0]=null;
}
}
</script>
分享到:
相关推荐
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
A_jquery+select框图片选择器点击图片给表单select框赋值Java实用源码整理learns
一个select下拉的js脚本
Ant design vue中的a-select在动态给option赋值之后,placeholder失效
今天小编就为大家分享一篇jquery 动态遍历select 赋值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
A_jquery+select框图片选择器点击图片给表单select框赋值分享源码学习a(密码:http://hao.360.cn/?src=lm&ls=n527fd66b97)
SQL中SET和SELECT赋值的区别,标量子查询
js 实现 实现两个select的同步! 值得下载看看!资源免费,大家分享!!
从一个select 选中数据后移动到另一个select框中
两个相关联的select,一个select的选择会影响另一个select的输出结果
实现两个select之间内容的互换实测通过,很好用
shell连接oracle数据库工具脚本:支持select/insert/update/delete 部署位置:/root/sysmonitor db:数据库文件夹 dbconfig.properties:数据库配置文件, dbConnectTest.sh:连接测试文件 dbExecurteSQL.sh:...
A_jquery+select框图片选择器点击图片给表单select框赋值源码整理(密码:https://hao.360.cn/?src=lm&ls=n527fd66b97)
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
SQL Server推荐使用 SET 而不是 SELECT 对变量进行赋值。当表达式返回一个值并对一个变量进行赋值时,推荐使用 SET 方法。下表列出 SET 与 SELECT 的区别。请特别注意红色部分。 set select 同时对多个变量...
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面,发现bootstarp框架多选会自带一个span标签,清空与赋值就是把这个span标签重置,在浏览器调试页面中找到这个span标签,通过class选择器,对...
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
一款多功能的移动端滚动选择器,支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等.....<script src="js/mobileSelect.js" type="text/javascript"></script>
JavaScript三级联通实现最新全国各省、市、县联动Select脚本,数据为最新全国全国各省、市、县数据,纯JavaScript实现。 部分代码如下: //这是从国家统计局网站下载的全国行政区划代码,先把他转化为JSON对象, //...