Блог

Главная - Вопросы по программированию - Отключить выбранную опцию в Chrome

Отключить выбранную опцию в Chrome

#javascript #google-chrome

#javascript #google-chrome

Вопрос:

У меня есть выбор, в котором я хочу отключить выбранную опцию после ее выбора. например

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

Это нормально работает в IE и FF, но Chrome игнорирует событие onClick.
Есть идеи? Спасибо.

Ответ №1:

событие onclick() не поддерживается <option>

Используется 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>

Комментарии:

1. Отлично работает! Спасибо.