javascript - 从下拉列表中选择多个值并调用 javaScript 函数

Question

我知道我可以像这样创建一个多选 dorpdown -

 <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方法吗？

提前致谢。

Answer 1

您可以使用 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)
    });
  });
});