在SELECT - JQUERY中提醒所有选定的值

时间:2011-08-09 14:14:15

标签: javascript jquery html

如何在标签SELECT中获取所有选定的值?

<select id="list" multiple=multiple>
    <option value="1" selected="selected">one </option>
    <option value="2" selected="selected">two </option>
    <option value="3">three </option>
</select>

例如使用foreach作为php ???

直播:http://jsfiddle.net/FMF7c/1/

如何在这个例子中显示一个和两个警告?我想使用JQUERY

4 个答案:

答案 0 :(得分:4)

val()[docs]方法将返回多个<select>的数组。

alert( $('#list').val() ); // to show both
$.each( $('#list').val(), function(i,v) { alert( v ); }); // to show individual

示例: http://jsfiddle.net/FdMMK/

答案 1 :(得分:3)

$("#list").find("option:selected").each(function() { alert($(this).val()); });

http://jsfiddle.net/yjL9n/1/

答案 2 :(得分:3)

我想只是“警告”这些值并不是你想要的。要将这些值.map()转换为数组,我们可以使用以下内容:

var values = $('#list option:selected').map(function(_, node) {
    return node.value; // or node.textContent || node.text
}).get();

alert( values );

http://jsfiddle.net/FMF7c/4/

答案 3 :(得分:2)

更新了JSFiddle - http://jsfiddle.net/FMF7c/5/ 我使用简单的JavaScript循环遍历select元素中的所有选项,并将任何选项添加到数组中。

哈,看起来你毕竟不需要我的帮助。