Question

我有以下选择列表，用户可以从中选择多个选项

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

我需要在javascript中获取用户选择的值，但不知道该怎么做才能帮助我。

Answer 1

使用jQuery，你可以做到 $("#list option:selected").text();获取所选选项的文本 $("#list option:selected").val();获取所选选项背后的值

编辑：

其中#list是您选择标记的ID

Answer 2

我认为以下解决方案更适合获取VALUES：

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

Answer 3

这是一个非常简单的代码，可以告诉您在每次更改时选择了多少：

对于Html代码：

<html>
<body>

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

</body>
</html>

使用此jQuery代码：

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

这是一个实例： http://jsfiddle.net/hesher/3M36e/

Answer 4

您可以使用纯javascript，如：的document.getElementById（ 'valumethod []'）。值

Javascript选择多个选择列表

4 个答案: