ドロップダウンリストの項目の追加/削除Jqueryを使用して動的に

Question

私はMVCのアプリケーションで作業しています。リストアイテムに追加するアイテムを選択するための私の要件と、selcetdのドロップダウン値を削除する必要があります。ここで私は自分の必要条件を達成しました。 次のステップで、選択した項目をリストから削除します。その値はドロップダウンリストに再度追加する必要があります。 は、ここで私は同じ位置で再びドロップダウンするためにアイテムを追加することができますどのように

$("#addItem").click(function() { 
     var selectedValue = document.getElementById('ddltype'); 
     var selectedText = selectedValue.options[selectedValue.selectedIndex].innerHTML; 
     var desireMax = parseFloat(document.getElementById('maxRatevalue').value); 
     var desireMin = parseFloat(document.getElementById('minRatevalue').value); 
     var index = $('#ddltype').get(0).selectedIndex; 
     $('#ddltype option:eq(' + index + ')').remove(); 
     $("ul").append("<li>" + "Type: " + selectedText + " High: " + desireMax + " Low: " + desireMin +" <a href='javascript:void(0);' class='remove'>X</a></li>"); 
    }); 
    $(document).on("click", "a.remove", function() { 
     $(this).parent().remove(); 
    }); 

のjQuery

では私のコード -

@Html.DropDownList("RateType", new List<SelectListItem>() 
             { 
              new SelectListItem(){ Text= "Hour", Value = "1"}, 
              new SelectListItem(){ Text= "Day", Value = "2"}, 
              new SelectListItem(){ Text= "Week", Value = "3"}, 
              new SelectListItem(){ Text= "Project", Value = "4"} 
             }, "-Select-", new { @class = "form-control", id = "ddltype" }) 

です。 また、Id（ドロップダウンID）をどのようにバインドして項目を動的にリストすることができますか？

Answer 1

jquery Appendメソッドを使用できます。以下のコードを試してください。

$("#ddltype").eq(2).before($("<option></option>").val("").text("Select")); 

あなたは新しいオプションを追加し、また、あなたがオブジェクトを挿入する.after()を使用することができますしたいのインデックスを指定します。 （.insertBefore(),）