Javascript实例教程(2) 创建折叠式导航菜单 (1)

%26lt;SCRIPT LANGUAGE="JavaScript"%26gt;

%26lt;!-- Begin

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End --%26gt;

}

%26lt;/SCRIPT%26gt;

那在网页上如何调用呢？以下是具体代码

%26lt;CENTER%26gt;

%26lt;FORM name = "form"%26gt;

%26lt;SELECT NAME="site" SIZE=1 onChange ="formHandler()"%26gt;

%26lt;OPTION VALUE=""%26gt;连接到….

%26lt;OPTION VALUE="http://www.pconline.com.cn"%26gt;太平洋电脑网

%26lt;OPTION VALUE="http://cn.yahoo.com"%26gt;中文雅虎

%26lt;OPTION VALUE="http://www.263.net"%26gt;263网站

%26lt;OPTION VALUE="http://www.usnews.com"%26gt;美国在线

%26lt;OPTION VALUE="http://www.neworiental.org"%26gt;北京新东方

%26lt;/SELECT%26gt;

%26lt;/FORM%26gt;

%26lt;/CENTER%26gt;

下面是全部的代码

%26lt;head%26gt;

%26lt;title%26gt;Untitled Document%26lt;/title%26gt;

%26lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"%26gt;

%26lt;SCRIPT LANGUAGE="JavaScript"%26gt;

%26lt;!-- Begin

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End --%26gt;

}

%26lt;/SCRIPT%26gt;

%26lt;/head%26gt;

%26lt;FORM name = "form"%26gt;

%26lt;SELECT NAME="site" SIZE=1 onChange ="formHandler()"%26gt;

%26lt;option value=""%26gt;连接到…. %26lt;/option%26gt;

%26lt;option value="http://www.pcedu.com.cn"%26gt;太平洋网络学院%26lt;/option%26gt;

%26lt;option value="http://cn.yahoo.com"%26gt;中文雅虎 %26lt;/option%26gt;

%26lt;option value="http://www.263.net"%26gt;263网站 %26lt;/option%26gt;

%26lt;option value="http://www.usnews.com"%26gt;美国在线 %26lt;/option%26gt;

%26lt;option value="http://www.neworiental.org"%26gt;北京新东方 %26lt;/option%26gt;

%26lt;/SELECT%26gt;

%26lt;/FORM%26gt;

效果实现