2009-09-26 50 views
0

我有這段代碼,在最新版本的Firefox,歌劇和我不知道如果在IE8,但它不適用於谷歌瀏覽器,Safari和OFC IE7和6jQuery - 觸發功能點擊後<option>標記

劇本我已經是一個比較複雜一點,但問題是這個:

<select> 
<option class='gramaz_vyber'>1</option> 
<option class='gramaz_vyber'>2</option>  
</select> 

而jQuery的:

$('.gramaz_vyber').click(function() { 
    $(this).hide(); 
}); 

正如我以前寫的,代碼我有e看起來不一樣,但是我需要在點擊<option>後才能啓動一個功能,它只能在FF/Opera中使用......任何想法我怎麼能解決它?

回答

1

很是好笑的確,似乎你不能使用在IE7選項元素(在IE8未測試)隱藏()。

但是,下面的代碼工作:

<html> 
<head></head> 

<body> 
    <select> 
     <option>-</option> 
     <option class="removable">1</option> 
     <option class="removable">2</option>   
    </select> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('select').change(function() { 
       $(this).find('option.removable:selected').remove(); 
      }); 
     }); 
    </script> 

</body> 
</html> 

不同的是,你是去除DOM對象,而不是簡單地隱藏它。

1

關閉我的頭頂,我不認爲所有瀏覽器都支持<option>元素的點擊事件。

您需要處理父項<select>元素的更改事件。

+0

請給我任何功能名稱或我應該尋找的東西? – Mike 2009-09-26 17:02:12