Question

我正在使用这个演示：

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>

问题是如何返回用户选择的值？

Answer 1

尝试这样的事情：

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
     }
}

Answer 2

我在这里汇总了一个快速演示（使用示例中的选择框结构）：http://jsfiddle.net/wp7sq/

基本上，在我的例子中，我创建了一个简单的函数，它将用户选择的选项添加到数组中（仅为方便起见）。因此，从这里，您可以将其输出到字符串，或搜索您的数组，或使用该数组使用JavaScript执行任何操作。

示例中注释了相关的部分，这是我示例中的jQuery代码：

var selectedLanguages = new Array();
jQuery('#languages option:selected').each(function() {
    selectedLanguages.push(jQuery(this).val());
});

Answer 3

$("#languages").value;应该有效

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

3 个答案: