Как получить data attr к datalist(option)?

Question

Вывожу список так

<label>Привилегии: <input type="text" name="status" list="status" id="status-add">
            <datalist id="status">
                <option value="text" data-id="1"></option>
            </datalist>
          </label>

нужно получить data id выбранной опции. Важно, значение в поле value могут дублироваться, но айди будут разные. Как это сделать?

Answer 1

$('input[name="status"]').on('focusout', function() {
  let v, id;
  if (v = $(this).val()) {
    id = $('#status option[value=' + v + ']').data('id');
    console.clear();
    console.log(id);
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Привилегии: 
    <input type="text" name="status" list="status" id="status-add">
    <datalist id="status">
        <option value="text" data-id="1"></option>
        <option value="mext" data-id="2"></option>
        <option value="pext" data-id="3"></option>
    </datalist>
</label>
<input type="button" value="go"/>

БЛОГ НА HUSL

Как получить data attr к datalist(option)?

Ответы (1 шт):