站內搜尋

Thursday, October 22, 2009

[JavaScript] 下拉選單 選完自動送出

在html的表單<form>使用下拉選單<select>是很普遍的一件事,通常下拉式選單在使用者選擇完畢之後,還需要再按一下”送出”的按鈕,不過,如果使用者都像謝晒一樣懶,連多按一下都嫌麻煩時,就可以用下面的語法達到選完就送出的效果喔~
程式碼:
<form action="(目標URL)" method="GET"> <select name="aaa" onchange="submit();">    <option value="">請選擇</option>    <option value="1">1</option>    <option value="2">2</option>    <option value="3">3</option>  </select>  </form>
如果"表單"沒有設定action 就會丟變數到原頁面
如果超連結設定 <a href="?a=1">點我</a>,代表丟a=1到原頁面
如果要抓選擇的結果 語法為 var v = this.value;

No comments:

Post a Comment