Как установить выбранное значение в 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 к
- jQuery UI Resizable andResize reverse
- jQuery validate: Как добавить правило для проверки правильности выражения?
- Вызов функции jQuery после завершения .each ()
- Пользовательские события в jQuery?
- Как вернуть данные с PHP на вызов jQuery ajax
$("dropdownid").Select2()
его работа прекрасна, но теперь мне нужно получить выбранное значение в моем выпадающем меню в режиме редактирования. Поэтому я использую этот пример
$(".Books_Illustrations").select2("val", ["a", "c"]);
его работа, но как я могу исправить свой выбор, потому что пользователь может выбрать что-либо. Поэтому я не могу написать a, c статически, поэтому мне нужно связать мое выбранное значение в режиме редактирования динамически.
Я думаю, теперь вы все поняли с моим требованием. Пожалуйста, дайте мне знать, если вам потребуется дополнительное оформление.
- Могу ли я загружать внешние таблицы стилей по запросу?
- Почему изменения в jQuery $ .fn.data () не изменяют соответствующие атрибуты html 5 data- *?
- jQuery отключить ссылку
- Почему сценарий Ajax не работает на сервере IIS 7.5 Win 2008 R2?
- jQuery, выберите элемент внутри iframe, который находится внутри iframe
- Закрыть jQuery UI Dialog из Iframe
- Плагин jQuery Validation в веб-формах ASP.NET
- Как получить реальный .hight () переполнения: скрытый или переполненный: прокрутка div?
Ну, на самом деле, ваша единственная потребность $ .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 варианта по умолчанию, а затем получить его значение? Если так:
И чтобы получить значение:
alert($(".leaderMultiSelctdropdown").val());
Чтобы установить значение:
$(".leaderMultiSelctdropdown").val(["a", "c"]);
Вы также можете использовать массив для установки значений:
var selectedValues = new Array(); selectedValues[0] = "a"; selectedValues[1] = "c"; $(".Books_Illustrations").val(selectedValues);
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');