DOM访问列表框、下拉菜单的常用属性

来源：互联网发布：彩虹6号淘宝编辑：程序博客网时间：2024/06/08 06:09

DOM访问列表框、下拉菜单的常用属性

使用options[index]返回具体选项所对应的常用属性：

<html><head><title>00</title></head><body><select id="city" name="city" size=5><option value="beijing">北京</option><option value="shanghai" selected="selected">上海</option><option value="tianjin">天津</option><option value="nanjing">南京</option><option value="shenzhen">深圳</option><option value="wuhan">武汉</option><option value="zhengzhou">郑州</option></select><input type="button" value="第一个城市" onclick="change(s_city.options[0]);"/><input type="button" value="上一个城市" onclick="change(s_city.options[s_city.selectedIndex-1]);"/><input type="button" value="下一个城市" onclick="change(s_city.options[s_city.selectedIndex+1]);"/><input type="button" value="最后一个城市" onclick="change(s_city.options[s_city.length-1])"/><script type="text/javascript" charset="utf-8">var s_city=document.getElementById("city");var change=function(city){//alert(city.value);alert(city.text);}</script></body></html>

阅读全文

0 0