下拉式選單產生器

2008031314:32

<!--下拉式連結表單_語法開始-->
<script language="JavaScript">
<!--
function surfto(form) {
var myindex=form.javamagic.selectedIndex
window.open(form.javamagic.options[myindex].value,"_blank","");  }
-->
</script>
<form name="myform">
<select name="javamagic" style="background:#3399FF; color:#ffffff">
<option SELECTED value="">---連 結 選 項---</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
<option value="連結網址">【*~等待連結~*】</option>
</select>
<input type="button" value="Go" style="color:#ffffff;background-color:#3399FF;border:1 solid #ffffff" onClick="surfto(this.form)">
</form>
<!--下拉式連結表單_語法結束-->

語法說明:

在 style="background:#3399FF; color:#ffffff" 中修改下拉表單的背景顏色及文字顏色 
在 value="連結網址" 中修改需連結的網址
在 【*~等待連結~*】 中修改需連結地的名稱 
可自行增加或減少連結的數量 
在 value="Go" 中修改按鈕的文字內容 

在 style="color:#ffffff;background-color:#3399FF;border:1 solid #ffffff" 中修改按下的按鈕文字色彩、背景顏色、邊框粗細、邊框色彩

★還有一個是下拉式選單製造機,只要將網址直接輸入針對語法不了解的,
    就點 這裡 進入;
之後複製語法貼上即可

     ☆另一個是在 二度空間 那學到的

         用過下拉式選單製造機後的感想是...好複雜喔!!所以找到了另外一種教學,
         簡單就可以把你的選單做好囉!!

有分成2種型式:

1.另開新視窗之語法

<select onchange="window.open(this.options[this.selectedIndex].value)"><option value="">項目標題</option><option value="">------------------------------</option><option value="網址">名稱</option><option value="網址">名稱</option></select>

2.使用原視窗之語法

<select onchange="location.href=this.options[this.selectedIndex].value;"><option value="">項目標題</option><option value="">------------------------------</option><option value="網址">名稱</option><option value="網址">名稱</option></select>

 語法說明:
只要將項目標題、網址與名稱輸入語法裡,很簡單的喔!
另-----------這條虛線是設選單的長度,請自行增減
要新增一個連結,只要複製這段語法在加上去即可...
<option value="網址">名稱</option>

以上由    和尼教學分享