2013-01-25 64 views
4

HTML代碼:雙擊事件無法在Internet Explorer工作選項列表

<select name="options" id="options" style="width: 100%;" size="12"> 
     <option id="optList1" value="1"> 
      1. ABC 
     </option> 
</select> 

的Javascript:

document.getElementById('optList1').ondblclick = function() { 
      alert("asf"); 
     }; 

我有在在所選擇的選項列表,在樣本中只有一個項目。問題是我需要打開對話框,在此選項中雙擊......在Chrome和Firefox其工作正常,問題是常見的,在IE瀏覽器不工作....

DEMO

任何幫助超級讚賞......預先感謝.... !!

+0

何處是它的做工精細你使用jQuery?還是你的意思是說你想要一個jQuery的答案? – ryadavilli

+0

我也嘗試過與jQuery bt結果是一樣的,它不工作...如果你知道jQuery可以解決這個問題...我們可以使用...不是問題....! –

+0

你不能在IE中這樣做。 'select'元素由操作系統創建,而不是由瀏覽器創建。 – Teemu

回答

2
document.getElementById('options').ondblclick = function() { 
     var optio = options.options; 
var id  = options[options.selectedIndex].id; 
    if(id == "optList1") 
    { 
     alert("abc"); 
    } 
    else 
    { 
     alert("xyz") 
    } 
}; 


<select name="options" id="options" style="width: 100%;" size="12"> 
    <option id="optList1" value="1.1"> 
     2. Enter/Update W/H Data Manually 
    </option> 
    <option id="optList2" value="1.1"> 
     1. Enter/Update W/H Data Manually 
    </option> 

試試這個代碼在IE

0

IE不支持<option>標記上的事件。

也覺得奇怪,考慮<option>一個雙擊事件,因爲這是沒有什麼大多數用戶將被用來做

+0

是的....我知道..其驚人的使用雙擊選項... bt沒有什麼可以做的,...我們需要使用這個 –

+0

可以嘗試dblick選擇,但仍然不是用戶友好'必須使用這是設計問題的不好藉口 – charlietfl

相關問題