js 取值 getElementsByTagName,getElementsByName

最新推荐文章于 2024-02-27 21:55:45 发布

weixin_34336292

最新推荐文章于 2024-02-27 21:55:45 发布

阅读量338

点赞数

文章标签： javascript ViewUI

本文通过一个具体的示例展示了如何使用JavaScript来操作HTML页面中的DOM元素，包括获取下拉菜单的所有选项及其值。

 getElementsByTagName,getElementsByName  获取的值是数组的所以用[0][1]引用
 1     <select  multiple size="2">
 2         <option value="bj">北京</option>
 3         <option value="sh">上海</option>
 4         <option value="gz">广州</option>
 5     </select>
 6     <script type="text/javascript">
 7         var selectArrays=document.getElementsByTagName("select");
 8         var optionArrays=selectArrays[0].getElementsByTagName("option");
 9         alert(optionArrays.length);
10         for(var i=0;i<optionArrays.length;i++)
11         {
　　　　　　　　　　//value 是属性的   innerHTML是北京 上海这样的值
12             alert(optionArrays[i].value +" "+optionArrays[i].innerHTML);
13         }
14     </script>