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＆＃39; .val（）＆＃39;来获取值。功能。 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)
    });
  });
});

Answer 2

您可以将下拉列表的选定值存储在变量中，然后继续使用If结构或开关：

$("city:selected").each(function () {
    switch($(this).val()){
        case "city1":
        break;
    }
});

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

2 个答案: