Javascript選擇多個選擇列表

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 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 []'）。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