使用jQuery選擇多個<options>

此問題詢問如何獲取<select>元素的所有選定<options>，並以逗號分隔的列表返回它們的值。 JQuery - Multiple Select Options 使用jQuery選擇多個<options>

我想做這個問題的對立面;我有一個逗號分隔的<select>標記的值列表，並且希望使用jQuery來選擇其值在逗號分隔列表中的每個<option>。

實施例的數據：

<script type="text/javascript"> 
var data = "0a,0d,0f,0g"; 
</script> 
<select id="ps-type" name="ps-type" multiple="multiple" size="5"> 
    <option value="0a">Residential - Wall Insulation</option> 
    <option value="0b">Residential - Attic /Crawl Space Insulation</option> 
    <option value="0c">Residential - Foundation Insulation</option> 
    <option value="0d">Residential - Exterior Roof System</option> 
    <option value="0e">Commercial - Wall Insulation</option> 
    <option value="0f">Commercial - Air Barrier System (Walltite)</option> 
    <option value="0g">Commercial - Roof System</option> 
</select>

來源

2012-09-15 recursion.ninja

你不給我們分，爲你做你的工作。首先嚐試一下自己。 – sachleen

我確實嘗試過循環，它與雅緻相反。我並不擅長jQuery，但我知道使用循環必須有更簡單的方法。谷歌也提供了任何有用的參考資料，所以我來到網上最好的知識庫來問我的問題！ –

在問題中包含您嘗試過的內容是一個不錯的主意，這樣我們可以幫助您改進問題或提出更好的解決方案。 – sachleen

.val()也接受值的數組作爲參數。因此，要選擇多個數值，只需將您的逗號分隔值列表到一個數組，使用split(",")，並把它傳遞給.val()：

var data = "0a,0d,0f,0g"; 
$("#ps-type").val(data.split(","));

DEMO。

來源

2012-09-15 01:28:19

我不知道.val（）接受一個數組！這確實使它更容易，我雖然肯定我必須循環... –

'.val（）'是一個非常靈活的功能eheh :-) –

我upvote爲單行:-) – Nelson

使用jQuery選擇多個<options>

回答

相關問題