2011-02-11 84 views
1

我有一個選擇列表,目前我有它的實現,然後當用戶選擇一個項目,我有一些javscript創建一個li在網頁上的地方飛行,問題是我希望用戶能夠從列表中選擇多個項目,但JavaScript無法應付這種情況,但我需要此功能,以便在我提交表單時,selct列表的值將進入帖子。

目前我的JavaScript看起來像這樣,

$('#sector').change(function() { var selected = $(this).val(); //alert(selected); $('#selected_sectors').prepend('<li>'+selected+'</li>'); });

是有可能得到這個每次用戶按Ctrl +選擇和項目創造了李,但並保持在後入店值是多少?

回答

0

可能像這樣的東西是你要找的東西(注意:selected選擇器)。

<select id="items" multiple size="5"> 
    <option value="apple">Apple</option> 
    <option value="orange">Orange</option> 
    <option value="banana">Banana</option> 
    <option value="grape">Grape</option> 
</select> 
<ul id="sel-items"></ul> 

$('#items').change(function(e){ 
    $('#sel-items').empty(); 
    $(this).find(':selected').each(function(i,e){ 
     $('#sel-items').append($('<li>').text($(e).val())); 
    }); 
}); 

Working Example

(現在在一個工作支票爲<select><ul>之間增量)