Как установить выбранное значение в Multi-Value Select в JQuery-Select2.?

Привет всем, я привязываю свое выпадающее меню с Jquery-Select2. Он работает отлично, но теперь мне нужно привязать мой Multi-Value selectBox с помощью Jquery-Select2.

Мой DropDwon

No illustrations Illustrations Maps Portraits

Из этой ссылки http://ivaynberg.github.com/select2/ Я использую Mutiple Value Select Box, я могу привязать свой dropdwon к

  $("dropdownid").Select2() 

его работа прекрасна, но теперь мне нужно получить выбранное значение в моем выпадающем меню в режиме редактирования. Поэтому я использую этот пример

  $(".Books_Illustrations").select2("val", ["a", "c"]); 

его работа, но как я могу исправить свой выбор, потому что пользователь может выбрать что-либо. Поэтому я не могу написать a, c статически, поэтому мне нужно связать мое выбранное значение в режиме редактирования динамически.

Я думаю, теперь вы все поняли с моим требованием. Пожалуйста, дайте мне знать, если вам потребуется дополнительное оформление.

Ну, на самом деле, ваша единственная потребность $ .each, чтобы получить все значения, это поможет вам jsfiddle.net/NdQbw/5

 

Сценарий:

  var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".getValue").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue").click(function() { $(".Books_Illustrations").val(selectedValues); }); $('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2(); $(".getValue1").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue1").click(function() { //You need a id for set values $.each($(".Books_Illustrations"), function(){ $(this).select2('val', selectedValues); }); }); .  var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".getValue").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue").click(function() { $(".Books_Illustrations").val(selectedValues); }); $('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2(); $(".getValue1").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue1").click(function() { //You need a id for set values $.each($(".Books_Illustrations"), function(){ $(this).select2('val', selectedValues); }); }); .  var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".getValue").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue").click(function() { $(".Books_Illustrations").val(selectedValues); }); $('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2(); $(".getValue1").click(function() { alert($(".leaderMultiSelctdropdown").val()); }); $(".setValue1").click(function() { //You need a id for set values $.each($(".Books_Illustrations"), function(){ $(this).select2('val', selectedValues); }); }); 

Таким образом, я считаю, что вы хотите выбрать 2 варианта по умолчанию, а затем получить его значение? Если так:

http://jsfiddle.net/NdQbw/1/

 

И чтобы получить значение:

 alert($(".leaderMultiSelctdropdown").val()); 

Чтобы установить значение:

  $(".leaderMultiSelctdropdown").val(["a", "c"]); 

Вы также можете использовать массив для установки значений:

 var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".Books_Illustrations").val(selectedValues); 

http://jsfiddle.net/NdQbw/4/

 var valoresArea=VALUES // it has the multiple values to set separated by comma var arrayArea = valoresArea.split(','); $('#area').select2('val',arrayArea); 

Я получаю этот пост, но были изменения в том, как select2 работает сейчас, и ответ на этот вопрос чрезвычайно прост.

Чтобы установить значения в multi select2, выполните следующие действия

 $('#Books_Illustrations').val([1,2,3]).change(); 

Нет необходимости указывать .select2 в jquery, просто .val

Просто посмотрите на это, это поможет.

 var valoresArea=VALUES // it has the multiple values to set, separated by comma var arrayArea = valoresArea.split(','); $('#area').val(arrayArea); 

URL- ссылка

вы можете добавить выбранные значения в array и установить его как значение для выбора по умолчанию

например:

 var selectedItems =[]; selectedItems.push("your selected items"); .. $('#drp_Books_Ill_Illustrations').select2('val',selectedItems ); 

Попробуйте это, это определенно должно работать!

Использование библиотеки select2 jquery:

 $('#selector').val(arrayOfValues).trigger('change') 
 This is with reference to the original question $('select').val(['a','c']); $('select').trigger('change'); 

не нужно делать так много всего. для заданного значения с использованием нескольких select2 var selectedvalue = “1,2,3”; // если выбраны первые 3 продукта. $ ( ‘# DdlProduct’) Вал (SelectedValue).

В библиотеке select2 есть два способа установить значение 1. Когда присутствует одиночное значение, вы можете передать его как строку

 $("#elementid").select2.("val","valueTobeset") 

2. Когда вы используете select2 с параметром multiselect, вы можете передать массив значений select2, и все эти значения будут установлены

 var arrayOfValues = ["a","c"] $("#elementid").select2.("val",arrayOfValues) 

помните, что вы можете установить одно значение в multiselect, передав массив так же, как это

 var arrayOfValues = ["a"] $("#elementid").select2.("val",arrayOfValues) 

Это не работает. только одно значение всегда выбирается, даже если оба параметра доступны в списке, отображается только первое ('#searchproject').select2('val', ['New Co-location','Expansion']);

Вот однолинейное простое решение.

EX: var ArrayValue = ["a","b","c"];

  $("#select2id").select2("val",(ArrayValue).split(',')); 

Используйте функцию мультиселектора, как показано ниже.

 $('#drp_Books_Ill_Illustrations').multiSelect('select', 'value'); 
  • Как перезагрузить / обновить элемент (изображение) в jQuery
  • Как расширить модуль загрузки Bootstrap Twitter
  • Возвращаемое значение из функции $ .ajax ()
  • icons кнопок диалогового windows jQuery UI
  • Как получить доступ к содержимому iframe с помощью jQuery?
  • jqGrid treeGrid catch expand collaps events
  • Получить * все * атрибуты CSS с помощью jQuery
  • как действительно работает метод обещания jquery?
  • Как объединить два результата jQuery
  • Как определить обновление страницы с помощью jquery?
  • Различать Chrome из Safari с помощью jQuery.browser
  • Давайте будем гением компьютера.