リストボックスからSelectListのをobejctを取得し、HTML選択リストに入れる

Question

は、私は名前と値のペアのSelectListの（myUsers、「キー」、「バリュー」）が移入リストボックスを持っていると言う：

@Html.ListBox("ListReviewers", (SelectList)ViewBag.ListOFReviewers, new { style = "width:120px;" }) 

私が欲しいですこのリストボックスでオプションをクリックし、以下のようなSelectionListに配置倍増する：

<div class="selectedEmployees"> 
    <select class="selectionList" multiple="multiple" name="AssignedReviewer" style="width:120px;"> 
    <!--x.UserID, x.FirstName + " " + x.LastName) --> 
    <option value=""></option> 
    </select> 
</div> 

このコレクションは、上記に配置されると、私は後で使用するために別のSelectionListコレクション内のすべての値を格納したいです。ここで

は私のjQueryのコードの先頭である：

<script type="text/javascript"> 

$('#ListReviewers').dblclick(function (i, selected) { 
    //double click on this value of listbox of type SelectList(myUsers, "Key", "Value") 

    //store this value and text 
    var value = $(this).val; 
    //var empName = $(this).data[0]; 
    var empName = $(selected).text(); 

    alert(empName); 

    //append an option element <option value=""></option> 
    $('.selectionList').append('<option id="' + value + '">' + empName + '</option>'); 

}); 

私はdblclickedコレクションオブジェクトの値ではなく、コレクションオブジェクトのテキストを取得することができます。これを行うより良い方法はありますか？

Answer 1

イベントをセレクト内のoptionに添付してみてください。 thisを使用してそのプロパティにアクセスできます。また

$('#ListReviewers option').dblclick(function() { 
    var value = $(this).val(); 
    var empName = $(this).text(); 

    $('.selectionList').append('<option id="' + value + '">' + empName + '</option>'); 
}); 

、あなたは他に1 selectからoptionを移動するclone()とappend()を使用することができます。これにより、重複するオプションが追加される心配がありません。

$('#ListReviewers option').dblclick(function() { 
    var $newOptions = $(this).clone(false); 
    $(this).remove(); 

    $('.selectionList').append($newOption); 
});