如何在下拉菜單上點擊操作？

Question

我有這樣低於簡單的下拉菜單：

<select name="category[]" id="category" class="icon-menu"> 
    <option value="all">All</option> 
    <option value="misc">misc</option> 
    <option value="travel">travel</option> 
    <option value="weather">weather</option> 
    <option value="shopping">shopping</option> 
    <option value="restaurant">restaurant</option> 
    <option value="food">food</option> 
    <option value="kitchen">kitchen</option> 
    ... 

，也有一些CSS製作的每個選項的背景圖片。但是我經常在其他網站上看到，當您單擊下拉菜單中的某個選項時，就會執行一個操作。就像點擊該選項時提交的表單一樣。但我必須點擊該選項，然後點擊提交。

我想到它會是一個簡單的變化，但我無法找到答案......

Answer 1

你必須onchange事件綁定到JavaScript函數即

<select id="category" class="icon-menu" onchange="myFunction()"></select> 

...和您的JavaScript文件

function myFunction() 
{ 
    document.forms[0].submit(); 
}