专栏首页java大数据javascript当中options的用法

javascript当中options的用法

6.options 选择列表 例 6.1(SelectOptionAddIEFF.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE> </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- /* a typical value is that document.getElementById("province").options[1]="河北", document.getElementById("city").options[1]= arr[0][1]= "石家庄" */ var arr = new Array( new Array("河北", "邯郸","石家庄"), new Array("山东", "济南", "枣庄", "威海"), new Array("河南", "开封", "郑州", "洛阳", "南洋") ); function setProvinces() { /* arr.length is the row number of arr, arr[i][0] the first column. in other words, 河北,山东,河南 */ for (var i = 0; i < arr.length; i++) { /*加到option最后,new Option(str1,str2)str1 是页面中看到的描述,而str2是这一项的值*/ document.getElementById("province").options[i + 1] = new Option(arr[i][0], arr[i][0]); } } function setCity(i) { alert(i+" "+document.getElementById("province").selectedIndex+document.getElementById("province").value+document.getElementById("province").options[document.getElementById("province").selectedIndex].text+document.getElementById("province").options[document.getElementById("province").selectedIndex].value); document.getElementById("city").options.length = 1;//reset city for (var j = 1; j < arr[i - 1].length; j++) { opt = new Option(arr[i - 1][j], arr[i - 1][j]); /*下面两种写法的结果是一样的*/ // document.getElementById("city").options[j] = new Option(arr[i - 1][j], arr[i - 1][j]); document.getElementById("city").add(opt,document.getElementById("city").options.length);//第二个参数指定元素放置所在的索引号 } // objSelect.add(objOption, objSelect.selectedIndex); } //--> </SCRIPT> </HEAD> <BODY onload="setProvinces()"> <!--Select.selectedIndex (Property) qixy: through experiment: Select.selectedIndex is 0-based.但是第0项是“请选择省份-- ” --> <select name="select" id="province" onchange="setCity(this.selectedIndex);"> <option value="0">请选择省份--</option> </select> <select name="select2" id="city"> <option value="0">请选择城市--</option> </select> </BODY> </HTML>

更多请见:https://blog.csdn.net/qq_43650923/article/details/102467341

原文链接:https://blog.csdn.net/qq_43650923/article/details/102467341

我来说两句

0 条评论
登录 后参与评论

相关文章

  • javascript当中onblur和onfocus用法

    例 1.1 onblur和onfocus onblur失去焦点和onfocus得到焦点事件。 <!DOCTYPE HTML PUBLIC "-//W3C//...

    马克java社区
  • html当中如何引用js文件

    3)html当中如何引用js文件 如果需要javascript工程师和html美工各干各的工作,需要分开写文件。 例 1.2 <html> <head> ...

    马克java社区
  • javascript中Element是Node子类,DOM中的Element,Attribute,Document,Text和Comment

    Element是Node的子类,常见的,DOM中的Element,Attribute,Document,Text和 Comment都是Node子类。 换句话说,...

    马克java社区
  • CentOS6.5系统yum安装LAMP环境

    采用Linux下二进制模式来安装LAMP,适合初学者,测试使用。

    刘远飞
  • docker compose的简单使用

    docker compose可以方便我们快捷高效地管理容器的启动、停止以及重启等操作,和批量管理容器,它类似于linux下的shell脚本,基于yaml语法,在...

    端碗吹水
  • LeetCode 1123. 最深叶节点的最近公共祖先(递归比较子树高度)

    Michael阿明
  • 480. 二叉树的所有路径递归

    讲真我见到递归真的是害怕,也没办法讲,这也是参考的别人的答案,过两天再让我写我可能就写不出来了,这个看了看理解了一点点,就先放在这里吧,也许写的多了就懂了也不一...

    和蔼的zhxing
  • 最近状态闲谈----学习小程序

            最近突然想学习小程序,说干就干!近段时间在学习,可能博客更新内容没有之前那么频繁,预祝博客在前端分类下新增小程序分类,记录微信小程序学习的一些心...

    十月梦想
  • Golang Leetcode 671. Second Minimum Node In a Binary Tree.go

    更多内容请移步我的repo:https://github.com/anakin/golang-leetcode

    anakinsun
  • requests模块请求常用参数的写法整理

    requests.get是调用了requests.request('get', url, params=params, **kwargs)

    小小咸鱼YwY

扫码关注云+社区

领取腾讯云代金券