停用Chrome中的選定選項

Question

我有一個選擇，在選擇之后我要禁用其選擇的選項。 例如

 <select id="elementSelect" > <option>SVG Element</option> <option onClick=this.disabled=true;this.innerHTML='&check;circle' >circle</option> <option onClick=this.disabled=true;this.innerHTML='&check;ellipse' >ellipse</option> <option onClick=this.disabled=true;this.innerHTML='&check;rect' >rect</option> </select> 

IE和FF可以正常運行，但Chrome會忽略onClick事件。 有任何想法嗎？ 謝謝。

Answer 1

<option>不支持onclick（）事件

使用querySelector標識選項並向其中添加disabled屬性。

希望這可以幫助！

 var select = document.getElementById('elementSelect') select.onchange = function(e){ var val = e.target.value var el = document.querySelector('select option[value=\\''+val+'\\']') el.innerHTML = '✓'+val el.setAttribute('disabled','disabled') } 

 <select id="elementSelect"> <option value="SVG Element">SVG Element</option> <option value="circle">circle</option> <option value="ellipse">ellipse</option> <option value="rect">rect</option> </select>