2011-02-11 5 views
1

나는 사용자가 항목을 선택할 때 구현 된 선택 목록이 있는데, 페이지의 해당 위치에서 즉석에서 li을 만드는 일부 javscript가 있습니다. 나는 사용자가 목록에서 여러 항목을 선택할 수 있기를 원하지만 자바 스크립트는이 문제에 대처할 수 없지만이 기능이 필요하므로 양식을 제출할 때 selct 목록의 값이 게시물로 이동하게됩니다.

현재 내 자바 스크립트

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

는이 때마다 사용자가 CTRL + 선택을 얻을 수 있습니다, 다음과 같습니다 및 항목은 리튬을 만들지 만하고 게시물에 accesible 값을 유지한다?

답변

0

아마도 이와 같은 것은 찾고있는 것입니다 (:selected 선택기 참고). Working Example

<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())); 
    }); 
}); 

(지금 하나 작업 그 <select><ul> 간의 델타를 검사)