JS option location 頁面跳轉(zhuǎn)實(shí)現(xiàn)代碼
更新時(shí)間：2008年12月27日 18:48:17 作者：
JS中l(wèi)ocation對(duì)象 在option中的應(yīng)用（跳轉(zhuǎn)采單），方便通過 option實(shí)現(xiàn)頁面的切換
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>跳轉(zhuǎn)菜單</title>
<script language="JavaScript">
function jump()
{
location.href=document.myform.menu1.value;
}
</script>
</head>
<body>
<form name="myform">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="D:\1.jpg" width="190" height="151" border="0"></td>
<td><img src="D:\2.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td><img src="D:\3.jpg" width="188" height="150" border="0"></td>
<td><img src="D:\4.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="right">跳轉(zhuǎn)到九寨溝</td>
<td>
<select name="menu1" onChange="jump()">
<option>---請(qǐng)選擇季節(jié)景色---</option>
<option value="spring.htm">春天美景</option>
<option value="summer.htm">夏天一色</option>
<option value="autumn.htm"> 秋天楓葉</option>
<option value="winter.htm">冬天白雪</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>跳轉(zhuǎn)菜單</title>
<script language="JavaScript">
function jump()
{
location.href=document.myform.menu1.value;
}
</script>
</head>
<body>
<form name="myform">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="D:\1.jpg" width="190" height="151" border="0"></td>
<td><img src="D:\2.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td><img src="D:\3.jpg" width="188" height="150" border="0"></td>
<td><img src="D:\4.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="right">跳轉(zhuǎn)到九寨溝</td>
<td>
<select name="menu1" onChange="jump()">
<option>---請(qǐng)選擇季節(jié)景色---</option>
<option value="spring.htm">春天美景</option>
<option value="summer.htm">夏天一色</option>
<option value="autumn.htm"> 秋天楓葉</option>
<option value="winter.htm">冬天白雪</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
相關(guān)文章
限制文本字節(jié)數(shù)js代碼...2007-03-03
清空上傳控件input file的值的代碼2010-07-07
勾選時(shí)激活input 否則禁用的javascript代碼
唯一的可去之外是加了一點(diǎn)美化，使用戶體驗(yàn)更加一層樓，其中包括邊框的加粗，焦點(diǎn)的獲取，checkbox邊框線的隱藏等等。2009-12-12
判斷多個(gè)元素(RADIO,CHECKBOX等)是否被選擇的原理說明
多個(gè)元素(RADIO,CHECKBOX等)是否被選擇，常用的就是下面的方法，大家可以研究下。2009-02-02
由于代碼比較簡單注釋也比較少，主要用于驗(yàn)證簡單的規(guī)則（有內(nèi)置的也可以自己添加正則表達(dá)式，暫不支持復(fù)雜的方法），并處理了表單提交時(shí)候驗(yàn)證，主要思路也是沿用以前基于jQuery的一個(gè)validator插件。2010-11-11
checkbox實(shí)現(xiàn)全選的多種方法 不斷更新
checkbox實(shí)現(xiàn)全選的多種方法 不斷更新...2006-07-07
對(duì)textarea框的代碼調(diào)試，而且功能上使用非常方便，酷
對(duì)textarea框的代碼調(diào)試，而且功能上使用非常方便，酷...2006-06-06
模擬用戶操作Input元素，不會(huì)觸發(fā)相應(yīng)事件
模擬用戶操作Input元素，不會(huì)觸發(fā)相應(yīng)事件...2007-05-05
Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
在批量處理列表數(shù)據(jù)時(shí)，往往會(huì)用到 CheckBox 的全選與取消全選，雖然她的實(shí)現(xiàn)原理很簡單，但是對(duì)新手來說還是有些難度。2010-07-07
Div下拉菜單被Select擋住的解決辦法2008-11-11