下拉菜单如何制作?不用js的 我有个例子 不过看不懂

来源:百度知道 编辑:UC知道 时间:2024/05/25 09:42:41
<SELECT style="WIDTH: 230px"
onchange="if(this.options[this.selectedIndex].value!=''){window.open(this.options [this.selectedIndex].value,'_blank');}"
name=select2> <OPTION
value=http://#>111111</OPTION>
<OPTION
value=http://#>222222</OPTION>
<OPTION
value=http://#>333333</OPTION>
<OPTION
value=http://#>4444444</OPTION>
<OPTION
value=http://#>5555555</OPTION>
<OPTION
value=

呵呵.这个是js代码,只不过他把它写成了匿名函数. "this"指的是该下拉列表"select". 而"this.options"是一个数组,里面存的是该下拉列表的所有值.例如this.options[0] == http://# 对应的是111111这个项. 而this.options[1] == http://# 对应222222这个项. 依此类推. 而this.selectedIndex 指的是你使用时选择了哪个选项. 如果你选择了第一个选项, 则 this.selectedIndex 的值就是0, 选了第二个, 它的值就是1. 总得来看, this.options[this.selectedindex].value 就是你所选择的选项的值. 当它不为空时(即!=''), 就打开一个新的页面(_blank代表新的页面), 而新页面的URL则是open这个函数的参数, 即this.options [this.selectedIndex].value. 所以当你该面一个选项时它就会打开一个新的页, 页的地址, 从上面的代码看全都是"http://#", 其实"#"符号代表了当前页. 它是不会变的. 你可以弄成个其他的页面, 例如http://www.163.com打开网易的网页.给你举个例子:

<SELECT style="WIDTH: 230px"
onchange="if(this.options[this.selectedIndex].value!='