select Html Control JS opration examples
2010-08-18 15:49
204 查看
js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <title>JavaScript XMl DropdownList Examples</title> <script type="text/javascript" language="javascript"> <!-- var onecount; onecount= 0; subcat = new Array(); subcat[0] = new Array("徐家汇","01","001"); subcat[1] = new Array("嘉定区","01","002"); subcat[2] = new Array("黄浦区","01","003"); subcat[3] = new Array("海淀区","02","004"); subcat[4] = new Array("昌平区","02","005"); subcat[5] = new Array("东城区","02","006"); subcat[6] = new Array("西城区","02","007"); onecount = 7; function changelocation(locationid) { document.myform.smalllocation.length = 0; var locationid = locationid; var i; document.myform.smalllocation.options[0] = new Option('--所有地区--',''); for(i=0;i<onecount;i++) { if(subcat[i][1] == locationid) { document.myform.smalllocation.options[document.myform.smalllocation.length] = new Option(subcat[i][0],subcat[i][2]); } } } //--> </script> </head> <body> <form id="myform" runat="server" name="myform" method="post"> <select id="biglocation" name="biglocation" onchange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)"> <option value="01" selected="selected">上海</option> <option value="02">北京</option> </select> <select name="smalllocation"> <option selected="selected" value="">--请选择--</option> </select> </form> <script language="javascript" type="text/javascript"> <!-- changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value); //--> </script> </body> </html>
相关文章推荐
- using JS to control two select(html),the data can be loaded from database and XML,and show in the select
- The Attributes property of a ListItem control only works within an HtmlSelect control
- 整理发布html的select控件实用js操作
- js操作html中select和opthion
- html+js动态显示3个select标签
- 封装html的select标签的js操作实例
- js操作HTML的select
- HTML Controls->ASP.NET HtmlSelect Control
- js实现HTML中Select二级联动
- 整理发布html的select控件实用js操作
- “HtmlSelect”不能有类型为“DataBoundLiteralControl”的子级。
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- Js control select component
- js简单实现HTML标签Select联动带跳转
- html中select在js中的操作(再总结一下)
- css + div + js 制作HTML tab control
- html标签[select]js操作
- js中对html中select元素的取值
- html中select结合js的使用简介