Jquery列表框返回用户选择的内容

jquery listbox return what user selected

本文关键字：选择 用户 列表 返回 Jquery      更新时间：2023-09-26

我正在使用这个演示:

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;应该工作

相关文章：