Блог

Главная - Вопросы по программированию - как получить значение и текст выбора с помощью select2 jquery

как получить значение и текст выбора с помощью select2 jquery

#javascript #jquery #jquery-select2

#javascript #jquery #jquery-select2

Вопрос:

я использую select2 jquery для выбора или добавления состояния, если оно не существует, все это работает нормально, теперь я хочу получить значение состояния в консоли, в моем примере 1 для Калифорнии или 2 для Вирджинии.

 $(document).ready(function() {
    $("#state").select2({
      tags: true
    });
    $("#btn-add-state").on("click", function(){
      var newStateVal = $("#new-state").val();
      // Set the value, creating a new option if necessary
      if ($("#state").find("option[value='"   newStateVal   "']").length) {
        $("#state").val(newStateVal).trigger("change");
        console.log($("#state").val());
      } else { 
        // Create the DOM option that is pre-selected by default
        var newState = new Option(newStateVal, newStateVal, true, true);
        // Append it to the select
        $("#state").append(newState).trigger('change');
        console.log($("#state").val());
      } 
    });  
});  
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
  <h2>Dynamic autocomplete search and add using select2 JS </h2>
  <br/>
  <select id="state" class="js-example-basic-single" type="text" style="width:90%">
   <option value="1">California</option>
   <option value="2">Virginie</option>
  </select>
  <button  class="form-control btn btn-primary btn-add-state">ajouter item</button>

Комментарии:

1. вы хотите получить значение и текст из всех параметров тега select?

2. @Frenchy спасибо за ответ, я хочу выбрать тег

3. я не понимаю, что вы mean…by «я хочу выбрать тег» на самом деле вы не ответили на мой первый вопрос

4. Это для задания в классе? Кто-то другой только что опубликовал вопрос с этим точным фрагментом кода и сформулировал его немного по-другому