Выбранный плагин Jquery - получение выбранных значений

Question

Выбранный плагин Jquery - получение выбранных значений

53

Как я могу получить выбранные значения из выбранного блока Multi-Select?

Aakash Shah 09 май 2012, в 20:17

Источник

1

@Andrew Эндрю, это разумный вопрос - мне тоже было интересно, правильно ли Chosen модифицировал нижележащий блок выбора (оказался инспектором DOM, который не обновляется должным образом).
mikemaccana 07 июнь 2012, в 11:01
0

@nailer Моя проблема не в разумности, а в усилиях, вложенных в вопрос. Что в данном случае близко к нулю. Пройдите по четырем пунктам в моей ссылке и скажите мне, если какой-либо из них был продемонстрирован здесь.
Andrew 07 июнь 2012, в 14:41
0

@Andrew Андрей Отличная мысль.
mikemaccana 07 июнь 2012, в 14:51
0

@arvind, я использовал твой код и тоже работал на меня для отображения множественного выбора. Я добавил var1 = $ (this) .val () для хранения, но не знаю, как отправить var1 с формой. Работаю над этим.
Heena Shah 24 июль 2013, в 13:32

Показать ещё 2 комментария

Теги:

jquery

jquery-chosen

6 ответов

78

$("#select-id").chosen().val()

Ben Truby 23 янв. 2013, в 22:50

6

Это сработало для меня по сравнению с принятым ответом, который не сработал.
pbojinov 25 янв. 2013, в 01:18
8

@comment комментарий выше ^ .... правда? -__-
Code Monkey 22 март 2013, в 14:52
0

Показывает мне TypeError: $(...).chosen.val is not a function
Lucky 23 фев. 2016, в 16:21
1

@Lucky Повезло, что в вашем коде нет ()
shankshera 08 март 2016, в 03:21
0

@shankshera да, я понял это с помощью val() . эта ошибка обнаружилась в консоли, которая выбрана не является допустимой функцией. но мои другие выбранные API работают нормально.
Lucky 08 март 2016, в 07:04
1

@Lucky К счастью, вашему коду фактически не хватает двух наборов () . Один после chosen и один после val . Попробуйте $(...).chosen().val()
WhiteHotLoveTiger 24 март 2016, в 12:08
1

Это работает для меня, но я хотел бы прокомментировать, что selected создает div под select. Это не то, на что вы нацелены с помощью .chosen (). Я по ошибке установил свой селектор запросов как «# select-id_chosen», но правильный селектор был «# select-id». При выборе неправильного тега с помощью jquery и последующем использовании метода .chosen () возвращается эта ошибка: Uncaught TypeError: Невозможно прочитать свойство 'length' из undefined.
Millar248 16 окт. 2018, в 20:09

Показать ещё 5 комментариев

15

Это сработало для меня

$(".chzn-select").chosen({

     disable_search_threshold: 10

}).change(function(event){

     if(event.target == this){
        alert($(this).val());
     }

});

Arvind 25 апр. 2013, в 14:10

9

$("#select-id").chosen().val()

это правильный ответ, я попытался, и переданное значение - это значения, разделенные символом ","

user3423551 15 март 2014, в 16:34

0

Это не работает для меня - я до земли получает 2 экземпляра переменной (если у меня есть 2 варианта , выбранные в chosen ), так что - то вроде этого получается: var[] = 111; var[]=3348;
kneidels 20 апр. 2015, в 15:58

4

Если кто-то хочет получить только выбранное значение при нажатии на параметр, он может выполнить следующее:

$('.chosen-select').on('change', function(evt, params) {
    var selectedValue = params.selected;
    console.log(selectedValue);
});

Panagiotis Koursaris 11 июль 2016, в 08:43

1

Вы также можете напрямую ссылаться на исходный элемент (ы) выбора в селекторе, вместо того, чтобы использовать примененный .chosen-select класс .chosen-select .
BobRodes 19 июль 2016, в 18:14

2

С 2016 года вы можете сделать это проще, чем в любом из уже полученных ответов:

$('#myChosenBox').val();

где "myChosenBox" - это идентификатор исходного ввода. Или, в событии изменения:

$('#myChosenBox').on('change', function(e, params) {
    alert(e.target.value); // OR
    alert(this.value); // OR
    alert(params.selected); // also in Panagiotis Kousaris' answer
}

В "Избранный документ" в разделе, расположенном в нижней части страницы при запуске событий, говорится: "Выбранные триггеры содержат ряд стандартных и пользовательские события в исходном поле выбора." Одним из таких стандартных событий является событие изменения, поэтому вы можете использовать его так же, как и со стандартным входом выбора. Вам не нужно возиться с использованием выбранных прикладных классов в качестве селекторов, если вы этого не хотите. (Для события change, то есть. Другие события часто представляют собой другое дело.)

BobRodes 17 июль 2016, в 06:01

Ещё вопросы

@Andrew Эндрю, это разумный вопрос - мне тоже было интересно, правильно ли Chosen модифицировал нижележащий блок выбора (оказался инспектором DOM, который не обновляется должным образом).
@nailer Моя проблема не в разумности, а в усилиях, вложенных в вопрос. Что в данном случае близко к нулю. Пройдите по четырем пунктам в моей ссылке и скажите мне, если какой-либо из них был продемонстрирован здесь.
@arvind, я использовал твой код и тоже работал на меня для отображения множественного выбора. Я добавил var1 = $ (this) .val () для хранения, но не знаю, как отправить var1 с формой. Работаю над этим.
Это сработало для меня по сравнению с принятым ответом, который не сработал.
@comment комментарий выше ^ .... правда? -__-
Показывает мне TypeError: $(...).chosen.val is not a function
@Lucky Повезло, что в вашем коде нет ()
@shankshera да, я понял это с помощью val() . эта ошибка обнаружилась в консоли, которая выбрана не является допустимой функцией. но мои другие выбранные API работают нормально.
@Lucky К счастью, вашему коду фактически не хватает двух наборов () . Один после chosen и один после val . Попробуйте $(...).chosen().val()
Это работает для меня, но я хотел бы прокомментировать, что selected создает div под select. Это не то, на что вы нацелены с помощью .chosen (). Я по ошибке установил свой селектор запросов как «# select-id_chosen», но правильный селектор был «# select-id». При выборе неправильного тега с помощью jquery и последующем использовании метода .chosen () возвращается эта ошибка: Uncaught TypeError: Невозможно прочитать свойство 'length' из undefined.
Это не работает для меня - я до земли получает 2 экземпляра переменной (если у меня есть 2 варианта , выбранные в chosen ), так что - то вроде этого получается: var[] = 111; var[]=3348;
Вы также можете напрямую ссылаться на исходный элемент (ы) выбора в селекторе, вместо того, чтобы использовать примененный .chosen-select класс .chosen-select .

Serg · Accepted Answer · 2012-05-09T18-24-00.000Z

56

Лучший ответ

Как и любой обычный ввод /select/etc...:

$("form.my-form .chosen-select").val()

Serg 09 май 2012, в 18:24

5

это не правильный путь .. потому что, если на одной и той же странице есть несколько selectbox, он вернет поддельное значение :)
Miqdad Ali 21 янв. 2013, в 09:56
27

указание правильного селектора - работа программиста :)
Sergii 21 янв. 2013, в 11:21
1

Это правильный ответ. В результате получается массив, и мой вопрос заключается в том, как я собираюсь извлечь значения из массива, чтобы я мог поместить их в базу данных. Мне просто нужен некоторый намек на код PHP, необходимый здесь.
Dimitris Papageorgiou 25 фев. 2014, в 18:23

Показать ещё 1 комментарий