添加/刪除下拉項目動態使用jquery

我正在MVC中的應用程序工作。我的要求選擇項目應附加到列表項目和selcetd下拉值的項目應該被刪除。到這裏我已經達到了我的要求。下一步，當我從列表中刪除任何選定的項目，該值應該再次追加到下拉列表中。這裏是我的代碼 -添加/刪除下拉項目動態使用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" })

jQuery中

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

所以，我怎麼可以追加項目在相同的位置再次到下拉。另外我想知道如何綁定Id（比如說下拉ID）動態地列出項目？

來源

2017-05-12 Shweta Gupta

在此情況下要值添加到下拉 – PRABA

在十字按鈕點擊我要項目回降下來了。（在我所提到的最後一行代碼） –

您可以使用jquery Append方法。嘗試下面的代碼。

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

指定您希望新選項添加，也可以使用.after()插入對象的索引。（參見.insertBefore()，.insertAfter()）

來源

2017-05-12 11:01:34 PRABA

添加/刪除下拉項目動態使用jquery

回答

相關問題