2012-09-13 3 views
2

У меня есть DropDownFor на моем представлении, и я ищу, чтобы создать другой DropDownFor , только если выбран конкретный элемент SelectList из первого DropDownFor.Как создать новый раскрывающийся список только в том случае, если в приложении MVC3 выбран определенный элемент?

Чтобы уточнить, если мой DropDownFor имеет два возможных варианта: «A» и «B», и если выбрано «B», я хочу, чтобы на странице отображался другой DropDownFor. Если выбрано «A», я не хочу, чтобы на странице больше ничего не было.

Как это реализовать?

+3

JavaScript! !!!! – Nate

+1

jQuery! (То же самое почти) Что вы пробовали в первую очередь? –

+0

Я ничего не пробовал. Я думал, что попрошу, прежде чем прыгнуть в огонь. Кроме того, я полный noob в jQuery и JavaScript, поэтому любой код, который поможет мне начать работу, будет ОЧЕНЬ высоко оценен! – Bazinga

ответ

3

Что-то вроде этого следует сделать трюк:

скрипт (с помощью JQuery)

$(document).ready(function() { 
    $('#optionOne').change(function(){ 
     if($(this).val() === 'b') { 
      $('#options').append("<select><option>newset</option></select>"); 
     }    
    }); 
});​ 

разметки
<div id="options"> 
    <select id="optionOne"> 
     <option>a</option> 
     <option>b</option> 
    </select> 
​</div>​ 

JSFiddle Пример приведенного выше кода - http://jsfiddle.net/NpSPj/1/

+2

Я могу пойти с первоначально скрытым элементом выбора, который отображается или динамически создаваться на основе данных JSON, возвращаемых из AJAX, но есть несколько способов его выполнения. – MrOBrian

+0

@Nate Спасибо! Это должно заставить меня прокатиться. – Bazinga

+0

@MrOBrian Я согласен. Это базовое доказательство концепции. Построение второго, основанного на запросе Ajax, и/или спрямлении его изначально, и показ его при выборе будет хорошим вариантом. Это решение может быть адаптировано к обоим параметрам с меньшими усилиями и конкретной информацией, основанной на требованиях. – Nate

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