Question

我有一个选择，我想在选择后禁用其选定的选项。 e.g。

<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>

禁用chrome中的选定选项

1 个答案: