Javascript选择多个选择列表

Question

I have following select list from which user can select multiple option 我有以下选择列表，用户可以从中选择多个选项

<select size="6" onblur="validatevalumethod()" multiple="" id="valumethod[]" name="valumethod[]"> 
        <option value="0">Select Asset</option>

        <option value="OC">ORIGINAL COST</option>
        <option value="OCUIP">ORIGINAL COST USING INDEXED PRICES</option>
        <option value="RC">REPLACEMENT COST</option>
        <option value="OCCR">ORIGINAL COST CONSIDERING REVALUATION</option>
        <option value="OCUIPCR">ORIGINAL COST USING INDEXED PRICES & CONSIDERING REVALUATION</option>
        <option value="RCCR">REPLACEMENT COST CONSIDERING REVALUATION</option>
        </select>

I need to fetch the value selected by user in javascript but dont know how to do this please help me. 我需要获取用户在javascript中选择的值，但不知道该怎么做，请帮助我。

Answer 1

With jQuery you could do $("#list option:selected").text(); 使用jQuery，您可以执行$("#list option:selected").text(); to get the text of the selected option $("#list option:selected").val(); 获取所选选项$("#list option:selected").val();的文本$("#list option:selected").val(); to get the value behind the selected option 获得所选选项背后的价值

EDIT: 编辑：

where #list is the id of your select tag 其中#list是您的选择标签的ID

Answer 2

我认为以下解决方案更好地获取VALUES：

$("#list option:selected").val();

Answer 3

Here's a very simple code that tells you how many you selected on every change: 这是一个非常简单的代码，告诉您每次更改选择了多少个：

For the Html Code: 对于HTML代码：

<html>
<body>

<select multiple="true">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

</body>
</html>

Use this jQuery Code: 使用以下jQuery代码：

$("select").change(function() {
    alert($("option:selected").length);
});

Here's a live example: http://jsfiddle.net/hesher/3M36e/ 这是一个实时示例： http : //jsfiddle.net/hesher/3M36e/

Answer 4

您可以使用纯JavaScript，例如：document.getElementById（'valumethod []'）。value

Javascript选择多个选择列表

问题描述

4 个解决方案

解决方案1
1 2012-03-15 08:17:15

解决方案2
1 2012-03-15 08:18:59

解决方案3
1 2012-03-15 08:20:54

解决方案4
1 2012-03-15 08:25:20

Javascript选择多个选择列表

问题描述

4 个解决方案

解决方案1 1 2012-03-15 08:17:15

解决方案2 1 2012-03-15 08:18:59

解决方案3 1 2012-03-15 08:20:54

解决方案4 1 2012-03-15 08:25:20

解决方案1
1 2012-03-15 08:17:15

解决方案2
1 2012-03-15 08:18:59

解决方案3
1 2012-03-15 08:20:54

解决方案4
1 2012-03-15 08:25:20