2014-10-12 3 views
0

В настоящее время я добавляю элементы в раскрывающийся список в моем приложении asp.net mvc, нажав на ссылку на той же странице и добавив элемент в таблицу базы данных что выпадающий список связан.Кнопка «Добавить новый элемент» в раскрывающемся списке asp.net mvc

Я хочу, чтобы эта «связь», чтобы быть выбранным элементом выпадающего списка, так что элементы списка будут выглядеть как

  • Пункт 1
  • Пункт 2
  • Пункт 3
  • добавить новые Пункт

, а когда пользователь выбирает «добавить новый элемент», появится диалоговое окно, в котором пользователь может ввести что-либо, чтобы добавить в список.

Я искал по всему Интернету решение для этого, и я ничего не могу найти, может ли кто-нибудь указать мне в правильном направлении?

Спасибо!

+1

Вам нужно будет обработать событие 'change'' select', и если значение «Добавить новый элемент», покажите свой диалог –

ответ

2

Вы должны обработать событие в раскрывающемся списке .. Затем вызовите диалоговое окно, в котором пользователь может ввести некоторое значение в раскрывающемся списке. Вы можете достичь что-то вроде этого с помощью JQuery:

$('#dropdownId').change(function(){ 
    var drpValue = $('#dropdownId').val(); 
    if(drpValue == "Add New Item"){ 
     //call method or show your dialog here; 
    } 
}); 

Есть еще два способа вы можете управлять, чтобы добавить его прямо в выпадающем списке:

  1. сообщение Вернуться
  2. Использование Ajax
+0

Спасибо! Есть ли способ отключить «Добавить новый элемент» в качестве выбора, когда я отправлю форму в целом? Моя форма отправляет три значения из трех отдельных раскрывающихся списков – Hao

+0

Хммм. Обходной путь будет выполнен. В своем клик-событии удалите последний индекс своего раскрывающегося списка, прежде чем отправлять его обратно. Будет ли все в порядке, если вы продолжите мой ответ? :) –

+0

Спасибо! У меня недостаточно репутации, чтобы поддержать свой ответ :( – Hao

Смежные вопросы