2015-03-24 2 views
0

Я знаю, что может создать множественный выбор dorpdown, как это -Выбор множественного значения из выпадающего списка и вызвать функцию JavaScript

<select name="city" multiple> 
     <option value="Dallas">Dallas</option> 
     <option value="New York">New York</option> 
     <option value="Kansas">Kansas</option> 
     <option value="Massachusetts">Massachusetts</option> 
</select> 

С помощью этого множественного выбора выпадающего меню можно выбрать несколько из города. Но могу ли я выбрать javascript-метод отдельно для каждого города?

Заранее спасибо.

+1

На 'change' случае выберите использовать '.val()' it вернет вам массив выбранного значения. то вы вызываете свою операцию – Satpal

+0

да, при выборе события вызывают метод javascript ... получайте значения по id и итерации по выбранным значениям .. и вызывайте там разные методы .... –

+1

http://stackoverflow.com/ вопросы/3487263/how-to-use-onclick-or-onselect-on-option-tag-in-jsp-страница это может помочь вам – rehan

ответ

2

Вы можете получить значение с помощью JQuery «.val()» функция. Jquery.fn.val()

Вы можете увидеть, как это работает в следующем примере:

http://jsfiddle.net/uoL3s610/

$(document).ready(function(){ 
    $('[name="city"]').change(function(){ 
     $('#selected_container').text($('[name="city"]').val()); 
    }); 
}); 

Или этот пример

http://jsfiddle.net/uoL3s610/1/

$(document).ready(function(){ 
$('[name="city"]').change(function(){ 
    $('#selected_container').text(''); 
    $.each($('[name="city"]').val(),function(index,value){ 
     $('#selected_container').text($('#selected_container').text() + ', ' + value) 
    }); 
    }); 
}); 
1

Вы можете сохранить выбранное значение вашего DropDownList в переменной, а затем продолжить с If-структуры или переключатель:

$("city:selected").each(function() { 
    switch($(this).val()){ 
     case "city1": 
     break; 
    } 
}); 
Смежные вопросы