創建一個列表框並顯示jquery中的選定選項

-1

我已經創建了一個列表框並選擇了3個選項。我應該添加什麼代碼才能讓瀏覽器正確顯示選定的選項？創建一個列表框並顯示jquery中的選定選項

HTML代碼：

<select name="s1" multiple> 
    <option value="India">India</option> 
    <option value="America">America</option> 
    <option value="Africa">Africa</option> 
    <option value="Japan">Japan</option> 
    <option value="Kenya">Kenya</option> 
</select>

的jQuery：

<script> 
$(document).ready(function() { 
    $('select[name^="s1"] option[value="India"]').attr("selected", "selected"); 
    $('select[name^="s1"] option[value="Japan"]').attr("selected", "selected"); 
    $('select[name^="s1"] option[value="Kenya"]').attr("selected", "selected"); 
}); 

</script>

誰能提前告訴這對我..謝謝。

jsfiddle與上述

來源

2014-11-14 Jeni

它對我有用：http://jsfiddle.net/1qejcco2/？（FF和Chrome） – sinisake

它也在IE上工作。（對不起，我犯了罪） –

什麼不適合你，或者你想達到什麼目的？ – empiric

最後我得到了我的結果是，包括下面的代碼，每當我點擊它顯示所選選項的選項..

<script> 
    $("select").change(function() { 
    var str = ""+"You Selected: "; 
    $("select option:selected").each(function() { 
     str += $(this).text() + " "; 
    }); 
    $("div").text(str); 
    }) .trigger("change"); 
    });</script>

該代碼適用於Chrome，Firefox和IE。

來源

2014-11-14 12:31:11 Jeni

你的代碼，代碼爲您發佈似乎工作的罰款。但你可以像更少的代碼做到這一點：

$('select[name^="s1"]').val(['India', 'Japan', 'Kenya']);

Demo

來源

2014-11-14 08:52:46 thecodeparadox

創建一個列表框並顯示jquery中的選定選項

回答

相關問題