列表框<select>是HTML语言里常用的一个标签,完整了解它的应用有助于大家掌握HTML语言。
列表框的基本语法是:
<select name=><option> ...</select>
其中的option是出现在列表里的选项。它的写法是:
<option selected>...
<option value=**>...
本文要研究的应用是使用下拉菜单来实现页面跳转。

中演示的下拉菜单的原代码是:
<select name=fruits>
<option>Banana
<option selected>Apple
<option value=My_Favorite>Orange
</select>
如何实现跳转呢?对下拉菜单的选择需要程序来接受,所以还要加上<form>跟<input type=submit>的帮助才行,现在我们可以得到这样的代码:
<form name=jump>
<select name=fruits>
<option>Banana
<option selected>Apple
<option value=My_Favorite>Orange
</select>
<input type=submit>
</form>
其实没有写action的form也可以用,写action的作用是提交表单的内容可以指定某个后台的程序来接受页面用户填写的内容,而在这里我们用一个JavaScript就可以完成任务了,并不需要什么后台程序。
下面就是做好的选项。
<form name="jump">
<select name=jump>
<option selected>选择页面</option>
<option value="1.htm">页面1</option>
<option value="2.htm">页面2</option>
</select>
<input type="button" value="GO" onclick="vitrumJump('jump','jump','_self');">
</form>
<script language="JavaScript">
function vitrumJump(formName,popupName,target){
var popup=document[formName].elements[popupName];
if(popup.options[popup.selectedIndex].value!= ""){
window.open(popup.options[popup.selectedIndex].value,target);}}
</script>
我们只需要将要跳转到的页面地址跟名字填到这项里面就可以了。
<option value="地址.htm">页面名字</option>
有兴趣的朋友可以仔细研究一下。