【转】js动态添加select
今天在做省市级联的时候突然发现自己不会做了，平时也没注意觉得自己什么都会，今天做的时候居然一时半会不知道咋下手，说来丢人啊。今天吧代码贴上来，省的以后在不记得，给自己一个教训
<html>
<head>
<title>kmiaoer</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body { font-size: 14px }
-->
</style>
</head>
<body bgcolor=#FFFFFF alink=#333333 vlink=#333333 link=#333333 topmargin=0 leftmargin=0>
<form action="http://www.chinaleader.com/cgi-bin/register.cgi" method=post name="creator" enctype="multipart/form-data">
<script language="javascript">
<!--
function LoandCity(provinceID)
{
switch (provinceID)
{
//
case "1":
//清空select
document.getElementById("city").options.length=0;
//添加SELECT 这个地方我们可以自己调用数据里面的数据
document.getElementById("city").options.add(new Option("宣武区","1"));
document.getElementById("city").options.add(new Option("海淀区","2"));
break
case "2":
document.getElementById("city").options.length=0;
document.getElementById("city").options.add(new Option("黄浦区","1"));
document.getElementById("city").options.add(new Option("闸北区","2"));
break
default:
alert("错误类型");
break
}
}
-->
</script>
<body>
<form name="form1" >
<select name="province" onChange = "LoandCity(this.value);">
<!--这个地方我们可以自己调用数据库里面的省份-->
<option value="1">北京</option>
<option value="2">上海</option>
</select> 城市 <select name="city" ></select><br>
</form>
</body>
</html>
参考:http://www.cnblogs.com/leosky2008/articles/821061.html
1 检测是否有选中
if (objSelect.selectedIndex > - 1 ) {
// 说明选中
} else {
// 说明没有选中
}
2 删除被选中的项
objSelect.options[objSelect.selectedIndex] = null ;
3 增加项
objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
4 修改所选择中的项
objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
5 得到所选择项的文本
objSelect.options[objSelect.selectedIndex].text;
6 得到所选择项的值
objSelect.options[objSelect.selectedIndex].value;
原文地址：http://blog.163.com/luyufen_luise/blog/static/5777392520098193305215/
浙公网安备 33010602011771号