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

Question

我知道我可以像这样创建多个 select 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>

使用这个多个 select 下拉菜单，我可以 select 多个城市。但是我可以为每个城市分别select一个javascript方法吗？

提前致谢。

Answer 1

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

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

Answer 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)
    });
  });
});

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

Selecting multiple value from a dropdown and call a javaScript function

javascript

jquery

drop-down-menu