Нужно добавить новые опции в DropDownList через текстовое поле и кнопку - PullRequest
Новая
       2

Нужно добавить новые опции в DropDownList через текстовое поле и кнопку

0 голосов
/ 25 апреля 2018

Так что я искал в интернете достойное решение, но ничего из того, что я пробовал, не сработало. Вопрос в том, что у меня есть DropDownLists (4 из них), которые выглядят примерно так: (Все они в представлении) 

Html.DropDownList("SeriesColor", new List<SelectListItem>

{

new SelectListItem {Text = "GR- Green", Value = "GR"},

new SelectListItem {Text = "BL - Blue", Value = "BL"},

new SelectListItem {Text = "LB - Light Blue", Value = "LB"},

new SelectListItem {Text = "NO - None", Value = "NO"},

new SelectListItem {Text = "OR - Orange", Value = "OR"},

new SelectListItem {Text = "PP - Purple", Value = "PP"}

У меня также есть текстовое поле и кнопка: (также в представлении) 

 <input id="addD4" type="text" />

 <button class="btn btn-default" type="button">Add Default</button>

И что я хочу сделать, это позволить пользователю ввести значение (что угодно), нажать кнопку и добавить его в выпадающий список. Большинство решений, которые я видел, либо устарели, либо не поддерживают MVC / Razor.

1 Ответ

0 голосов
/ 25 апреля 2018

Вы должны добавить их через JavaScript. Вы можете сделать это, используя JQuery

Первое событие onclick кнопки привязки к методу JavaScript, например onclick = "addNewItem ()" 

function addNewItem(){

$("#SeriesColor").append($('<option>', {
value: $('#addD4').val() ,
text: $('#addD4').val()
  });
}
...