html頁面中select的onclick事件不能獲得選中值的問題 2010-06-25 11:28

系統要實現一個下拉框點擊或上下鍵選擇後回車能獲取值的功能，但是使用onclick不能直接獲得要選中的選項，使用ondblclick可以，但是這個雙擊操作讓用戶使用起來很不習慣，不符合用戶的體驗效果。

使用上下鍵選擇，使用onchange事件又不能獲得event.keyCode，這樣也沒辦法獲得實時的值。

經過實驗很多事件方法，終於找到解決辦法，即：

在調用select的onclick事件時，先讓select獲得焦點，然後再執行自己要想執行的方法。

測試代碼：

[code]

<select multiple size=5 onclick="showTest(this)"> <option value="1">111</option> <option value="2">222</option> <option value="3">333</option> <option value="4">444</option> </select> <script language="javascript"> function showTest(obj) {<br> obj.focus();<br> alert(obj.options[obj.selectedIndex].value)<br> }<br> </script>
[/code]

執行