Как получить в JS выбор от html с помощью select2 - PullRequest
Новая
       12

Как получить в JS выбор от html с помощью select2

1 голос
/ 01 мая 2020

Я хочу получить в JS выбранные значения из html. В html я использую поле множественного выбора с библиотекой selected2. Я смог сделать это для обычного одиночного выбора, такого как <select class="form-control" id="companies" >.

Может кто-нибудь сказать мне, как сделать это для множественного выбора с помощью select2?

html

<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>

<form>
    <div class="form-group">
        <label>Airline companies</label>
        <p>
            <select class="js-example-basic-multiple" id="companies" name="states[]" multiple="multiple" style="width: 120%">
            <!-- select class="form-control" id="companies" --> // if I don't use multiple select with select2, it worked

               <option selected>Select companies</option>
               <option value="one">First</option>
               <option value="two">Second</option>
               ...
            </select>
        </p>
    </div>
    <button  class="btn btn-primary" type='button' id="button">Refresh</button>
</form>

JS

company = getSelectedOption('companies')

function getSelectedOption(id){
/* function to get the selected value from the dropdowns */
    let select = document.getElementById(id);
    let value = select.options[select.selectedIndex].value;
    return value
}

1 Ответ

0 голосов
/ 01 мая 2020

Вы можете получить выбранное значение, используя jQuery метод .val(): 


var company = getSelectedOption('companies');

function getSelectedOption(id){
    return $('#' + id).val();
}
...