javascript各瀏覽器中option元素的表現(xiàn)差異
更新時(shí)間：2011年04月07日 22:56:14 作者：
javascript各瀏覽器中option元素的表現(xiàn)差異,需要的朋友可以參考下。
1，IE6/7/8/9中無(wú)事件(如click,mouseover)，F(xiàn)irefox/Safari/Chrome/Opera則有。
<select id="s1" multiple="multiple">
<option value="1" onclick="alert(1);">1</option>
<option value="2" onclick="alert(2);">2</option>
</select>
2，點(diǎn)擊option，通過(guò)srcElement獲取事件源目標(biāo)在IE中是select，F(xiàn)irefox/Safari/Chrome/Opera則是option。
<select id="s2" multiple="multiple">
<option value="1" >1</option>
</select>
<script>
document.getElementById('s2').onclick = function(e){
var evt = window.event || e;
var target = evt.srcElement || evt.target;
alert(target.tagName);
}
</script>
3，IE6下給option元素添加title屬性實(shí)現(xiàn)tips功能無(wú)效。
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
復(fù)制代碼 代碼如下:
<select id="s1" multiple="multiple">
<option value="1" onclick="alert(1);">1</option>
<option value="2" onclick="alert(2);">2</option>
</select>
示例：
2，點(diǎn)擊option，通過(guò)srcElement獲取事件源目標(biāo)在IE中是select，F(xiàn)irefox/Safari/Chrome/Opera則是option。
復(fù)制代碼 代碼如下:
<select id="s2" multiple="multiple">
<option value="1" >1</option>
</select>
<script>
document.getElementById('s2').onclick = function(e){
var evt = window.event || e;
var target = evt.srcElement || evt.target;
alert(target.tagName);
}
</script>
示例：
3，IE6下給option元素添加title屬性實(shí)現(xiàn)tips功能無(wú)效。
復(fù)制代碼 代碼如下:
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
示例：
相關(guān)文章
比較簡(jiǎn)單的javascript實(shí)現(xiàn)input雙擊后可以編輯
比較簡(jiǎn)單的javascript實(shí)現(xiàn)input雙擊后可以編輯...2007-08-08
這篇文章主要介紹了jquery自定義下拉列表示例,需要的朋友可以參考下2014-04-04
焦點(diǎn)圖輪播的效果我們總會(huì)看見(jiàn)過(guò)，本文整理了3中看似還不錯(cuò)的焦點(diǎn)圖輪播效果，有需要的朋友可以參考下2013-10-10
一個(gè)漂亮的下拉列表，去掉了灰色倒三角按鈕...2007-06-06
javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法
javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法...2007-06-06
js限制textarea每行輸入字符串長(zhǎng)度的代碼
text通常我們可以直接用maxlength屬性來(lái)控制輸入的字符會(huì)長(zhǎng)度2012-10-10
IE不支持option的display樣式，只能使用remove和add
想實(shí)現(xiàn)一個(gè)很簡(jiǎn)單的功能：當(dāng)選中“中介”時(shí)，不顯示“求購(gòu)”與“求租”。本以為通過(guò)display:none即可實(shí)現(xiàn)，結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效，在IE6、IE7、IE8中都無(wú)效。2009-12-12
js傳值 判斷...2006-10-10
javascript select 之間傳值效果的代碼...2007-10-10
