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



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

355   8  

8 ответов:

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

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

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

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

     disable_search_threshold: 10

}).change(function(event){

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

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

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

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

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

по состоянию на 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
}

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

Если вы хотите получить текст выбранной опции (выбрано получить отображение выбранного значения)

 $("#select-id").chosen().find("option:selected" ).text();

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

var ar = [];
$('#id option:selected').each(function(index,valor){
    ar.push(valor.value);
});
console.log(ar);

обязательно иметь свой <option> теги с их корреспондент . Надеюсь, это поможет.

Comments

    Ничего не найдено.