Javascript 如何使用JQuery从列表中传递多个值

我有一个动态构建的列表，它执行与选择框相同的功能

<ul class="list-group" name="combobox1" id="combobox1">
<li class="list-group-item" value="6" />Option 1</li>
<li class="list-group-item" value="12" />Option 2</li>
<li class="list-group-item" value="15" />Option 3</li>
</ul>

这将返回一个值，但如果选择了多个项目，该怎么办

onclick="showdetails($('#combobox1 li.active').val());

谢谢大家!

var activeItems = $('.list-group-item.active');

这将为您提供一个包含所有活动项的数组。 从那里你可以在它们上面循环并获取值

$.each(activeItems, function(key, item){
   $(item).val(); // this will give you the value of each active item. You can push it into an array or do what ever you need to with it from here
});

Fiddle:

首先使用LI元素的数据值。 在LI上单击添加一些.active类 在按钮上单击获取。活动元素的数据值：

$[数据值].onclick，函数{ $this.toggleClassactive； }; $getValues.onclick，函数{ var values=$[data value].active.mapfunction{ 返回$this.datavalue； }.获得； 警报值； }; .主动{ 背景：红色； } 备选案文6 备选案文12 备选案文15 获取选定值使用.map循环所有匹配选择器的元素，并获取结果数组

$go.clickfunction{ var items=$.list-group-item.active.mapfunction{ 返回$this.datavalue； }.获得； $result.text您选择了+个项目。加入'，'； }; $.list-group-item.clickfunction{ $this.toggleClassactive； }; .主动{ 背景颜色：黄色； } 选择1 选择2 选择3 我选择了什么？ LI元素没有值，但如果将其更改为数据值，则可以执行$'.list group item.active'.data'value'

$.each(activeItems, function(key, item){
   $(item).val(); // this will give you the value of each active item. You can push it into an array or do what ever you need to with it from here
});