Как сохранить несколько опций Select для разных переменных, используя Jquery

Question

Я хотел бы знать, как я могу сохранить различные опции, выбранные на входе выбора, и поместить их в разные переменные.

пример:

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
    <div class="form-group">
        <label for="operacoes">Operações Possíveis</label>
        <div class="input-group">
            <select class="selectpicker show-tick show-menu-arrow" data-width="100%" title="Clique aqui para selecionar um nível .." id="operacoes" name="operacoes[]" multiple>
                <option value="1">Adiciona</option>
                <option value="1">Remove</option>
                <option value="1">Altera</option>
                <option value="1">Pesquisa</option>
            </select>
        </div>
    </div>
</div>

и получить результат в разных переменных :

var a = $('#operacoes').val(1);
var b = $('#operacoes').val(1);
var c = $('#operacoes').val(1);
var d = $('#operacoes').val(1);

и, если не выбрано .val (0);

Answer 1

$ ('селектор'). Val () вернет выбранные значения в массиве. Без выбора значений ниже код будет печатать неопределенный, и это очевидно. Надеюсь, что ответ ниже поможет решить вашу проблему.

JavaScript:

function getSelectedValue() {
  const values = $('#operacoes').val();

  $('#selectedValues').html(values[0] + ', ' + values[1]);
}

HTML Код:

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
    <div class="form-group">
        <label for="operacoes">Operações Possíveis</label>
        <div class="input-group">
            <select class="selectpicker show-tick show-menu-arrow" data-width="100%" title="Clique aqui para selecionar um nível .." id="operacoes" name="operacoes" multiple>
                <option value="Adiciona">Adiciona</option>
                <option value="Remove">Remove</option>
                <option value="Altera">Altera</option>
                <option value="Pesquisa">Pesquisa</option>
            </select>
        </div>
    </div>
</div>

<input type="button" onclick="getSelectedValue()" value="Print Selected Value" />
<div id="selectedValues"></div>