JQuery Multiselect onblur метод - PullRequest
       9

JQuery Multiselect onblur метод

2 голосов
/ 20 марта 2012

Как я могу вызвать метод onblur на jquery mutiselect? Как и в моем множественном выборе, у меня есть значения ниже, если пользователь выбирает красный и зеленый, а затем на основе этого мне нужно получить данные из DB

<select multiple="multiple" id="myID" name="myName">
    <option value="blue">blue</option>
    <option value="red">red</option>
    <option value="green">green</option>                
</select>

Я попробовал click функцию, но она может отправлять только одно значение параметра за раз, поэтому ищет onblur как функции в jquery multiselect или любое событие, которое срабатывает после выбора всех значений из multiselect, я имею в виду, если пользователь щелкает снаружи MultiSelect.

спасибо заранее. Любая помощь будет высоко ценится

Ответы [ 5 ]

1 голос
/ 20 марта 2012

Использование JQuery 1.7.1

$('#myID').on('blur', function(){
    var selected=[];

    $(this).find('option:selected').each(function(i,e){
        selected.push(e.value);
    });
    alert('You selected: ' +selected.join(','));

});​

Вот пример

0 голосов
/ 20 марта 2012

Работает, когда вы добавляете событие onblur.Вот так ..

<select multiple="multiple" id="myID" name="myName" onblur="getVals(this)">
<option value="blue">blue</option>
<option value="red">red</option>
<option value="green">green</option>                

function getVals(el) {
    var val = $(el).val();
    alert(val);
}

Если вы выберете как красный и зеленый, то будут возвращены оба значения, разделенные запятой, как это - "красный, зеленый"

Вам нужно было бы просто проанализировать его и отправить его на серверный скрипт для обработки.

0 голосов
/ 20 марта 2012

попробуйте это:

$("#myID").change(function(){
    var selected = $("#myID option:selected").val();
    // Do your stuff
});
0 голосов
/ 20 марта 2012

Используйте метод .blur ()

var selectedvals = [];
$('#myID').blur(function() {
    $('#myID > option:selected').each(function(i, selected) {
        selectedvals.push($(selected).val());
    });
})​

В массиве selectedvals содержатся значения из выбранных параметров

Рабочий пример здесь

0 голосов
/ 20 марта 2012

Я полагаю, вы ищете $('#myID').change()

...