Как получить label выбраного option в datalist?

167
02 октября 2018, 16:20

Пытаюсь получить значение ( label ) выбранного вариант с ползука ( range ).

<input id="cpu-input" type="range" step="25" list="tickmarks">
<datalist id="tickmarks">
<option value="0" label="a">
<option value="25" label="b">
<option value="50" label="c">
<option value="75" label="d">
<option value="100" label="d">

js

jQuery(function($){
    var part = $('#cpu-input');
    $(part).focusout(function(){
        console.log($(this).val());
    });
});
Answer 1

Рабочий пример: https://codepen.io/iliyazelenko/pen/PBOdZa?editors=1010 Ниже код переделал под тебя, подправишь.

jQuery(function($){
    var part = $('#cpu-input');
    $(part).focusout(function(){
        var list = document.querySelector('#tickmarks')
        var option = Array.from(list.options).find(i => +i.value === part.val())
        console.log(option.label)
    });

});
READ ALSO
Как избавиться от лишней таблицы в бд

Как избавиться от лишней таблицы в бд

Суть: данная таблица хорошо подходит для описания моих сущностный, проблемы возникают только из-за 2 полейПоле ganre_id может быть у одной сущности,...

182
Sql запрос возвращает дубликаты

Sql запрос возвращает дубликаты

Всем приветВот скрин моей схемы

202
Помогите доработать код jquery

Помогите доработать код jquery

Есть вот такой вот проблема https://jsfiddlenet/aq9Laaew/118529/

176