Как искать со значением опции в select, используя select2 или любой другой js - PullRequest
Новая
       17

Как искать со значением опции в select, используя select2 или любой другой js

0 голосов
/ 13 февраля 2020

Мне нужна помощь в поиске по значению параметра вместо имени параметра.

Вот пример: 

<select name="example" id="example">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
    <option value="6">F</option>    
</select>

Я хочу выполнить поиск по значению 1 или 2 или 3 et c не с A, B, C, D, E ..

Любая помощь в этом отношении очень ценится или любая библиотека, которая имеет такую ​​функциональность.

Спасибо

Ответы [ 2 ]

1 голос
/ 13 февраля 2020

Вы можете получить результат извлечения значения select с помощью addEventListener () , используя чистый javascript с выражением в одну строку, например, 

const select = document.getElementById('example');
select.addEventListener('change',() => console.log(select.value))
<select name="example" id="example">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
    <option value="6">F</option>    
</select>
0 голосов
/ 13 февраля 2020

  1. Вы должны прослушать событие при изменении example

  2. Вы получите значение выбранной опции, как показано ниже 

$("#example").on("change", function(){
    var value = $(this).find("option:selected").val();
    console.log(value); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="example" id="example">
        <option value="1">A</option>
        <option value="2">B</option>
        <option value="3">C</option>
        <option value="4">D</option>
        <option value="5">E</option>
        <option value="6">F</option>
</select>
...