javascript各瀏覽器中option元素的表現(xiàn)差異
更新時(shí)間：2011年04月07日 22:56:14 作者：
javascript各瀏覽器中option元素的表現(xiàn)差異,需要的朋友可以參考下。
1，IE6/7/8/9中無事件(如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，通過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功能無效。
<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，通過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功能無效。
復(fù)制代碼 代碼如下:
<select id="s1" multiple="multiple">
<option value="1" title="tips">1</option>
</select>
示例：
相關(guān)文章
微調(diào)數(shù)字...2007-02-02
javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法
javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法...2007-06-06
限制文本字節(jié)數(shù)js代碼...2007-03-03
js textarea自動(dòng)下拉(帶計(jì)數(shù))圖
textarea自動(dòng)下拉(帶計(jì)數(shù))2008-11-11
2008-01-01
如何定義select的邊框顏色 解決思路： 學(xué)習(xí)了clip和margin屬性的用法，利用它們的特點(diǎn)，很容易就得出答案。2008-04-04
模擬用戶操作Input元素，不會(huì)觸發(fā)相應(yīng)事件
模擬用戶操作Input元素，不會(huì)觸發(fā)相應(yīng)事件...2007-05-05
原來文章是jsp下，其實(shí)應(yīng)用了js的代碼，大家可以參考下，其實(shí)各個(gè)語(yǔ)言的原理都一樣，如果使用了ajax嚴(yán)重就完美的客戶端驗(yàn)證了。2009-09-09
js刪除select中重復(fù)項(xiàng)的實(shí)現(xiàn)代碼
使用嵌套循環(huán)來枚舉重復(fù)項(xiàng)，然后移除。2010-02-02
javaScript checkbox 全選/反選及批量刪除
javaScript checkbox 全選/反選及批量刪除實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-04-04