Как выбрать option в select

140
23 апреля 2019, 08:00
<div id="sel">
    <select id="select" data-ids="1">
      <option class="test1" data-id="1">Selection 1</option>
      <option class="test2" data-id="2">Selection 2</option>
      <option class="test3" data-id="3">Selection 3</option>
    </select>
</div>

У меня есть код html. Как мне выбрать data-id у option при клике? Мучаюсь два часа

Answer 1

window.onload = function() { 
  var eSelect = document.getElementById('select'); 
  eSelect.onchange = function() { 
    var nOm = eSelect.options[this.selectedIndex].getAttribute('data-id'); 
    console.log(nOm); 
  } 
}
<div id="sel"> 
  <select id="select" data-ids="1"> 
    <option class="test1" data-id="1">Selection 1</option> 
    <option class="test2" data-id="2">Selection 2</option> 
    <option class="test3" data-id="3">Selection 3</option> 
  </select> 
</div>

Попробуйте так

READ ALSO
Скачивание большого файла(&gt;2mb) на клиенте?

Скачивание большого файла(>2mb) на клиенте?

Есть имя файла и файл в формате base64Если размер файла превышает 2mb, то браузер chrome говорит что имеется ошибка сети

126
Ошибки сценария в javascript NS_ERROR_FAILURE — как исправить?

Ошибки сценария в javascript NS_ERROR_FAILURE — как исправить?

Есть сайт на wordpress c установленным плагином для краудфайндинга

125
Удалить из HTML узел с нужным классом

Удалить из HTML узел с нужным классом

Как из куска HTML выцепить и удалить элемент с нужным классом price priceVariant? Предполагается что таких блоков <li>

114
vue jsx как правильно от рендерить?

vue jsx как правильно от рендерить?

есть плагин three-vue у него есть функция render

123