Jquery列表框返回用户选择的内容
本文关键字:选择 用户 列表 返回 Jquery | 更新日期: 2023-09-27 18:08:43
我正在使用这个演示:
http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html我想知道用户选择了哪些值
<select size="4" name="languages[]" id="languages" multiple="multiple">
<option value="English">English</option>
<option value="French">French</option>
<option value="Spanish">Spanish</option>
<option value="Italian">Italian</option>
<option value="Chinese">Chinese</option>
<option value="Japanese">Japanese</option>
<option value="Russian">Russian</option>
<option value="Esperanto">Esperanto</option>
</select>
问题是如何返回用户选择的值?
我在这里放了一个快速演示(使用示例中的选择框结构):http://jsfiddle.net/wp7sq/
所以本质上,在我的例子中,我创建了一个简单的函数来获取用户选择的选项,并将它们添加到数组中(只是为了方便)。从这里,你可以输出一个字符串,或者搜索你的数组,或者用JavaScript用那个数组做任何你想做的事情。与相关的部分在示例中被注释,下面是我的示例中的jQuery代码:
var selectedLanguages = new Array();
jQuery('#languages option:selected').each(function() {
selectedLanguages.push(jQuery(this).val());
});
试试这样:
ob = document.getElementById('languages');
for (var i = 0; i < ob.options.length; i++){
if (ob.options[ i ].selected){
alert(ob.options[ i ].value); //Do something useful here
}
}
$("#languages").value;
应该工作