Apos selecionar um item em um DropDownList1 logo apos deve carregar um DropDownList2 conforme valor do ....

Question

Apos selecionar um item em um DropDownList1 logo apos deve carregar um DropDownList2 conforme valor do DropDownList1 no webforms eu usuario o evento SelectedIndexChanged e aqui usando MVC como seria ???

---

André Sombra

Answer 1

$(function() {
    $("#dropdwon1").change(function() {
       var value = $(this).val();
	//faz a chamada via ajax passando o valor selecionado
	//com a resposta preenche o segundo combo via JQuery
    });
});​

Answer 2

$(function() {
    $("#dropdwon1").change(function() {
       var value = $(this).val();
	//faz a chamada via ajax passando o valor selecionado
	//com a resposta preenche o segundo combo via JQuery
    });
});​

Answer 3

$(function() {
    $("#dropdwon1").change(function() {
       var value = $(this).val();
	//faz a chamada via ajax passando o valor selecionado
	//com a resposta preenche o segundo combo via JQuery
    });
});​

Você tem exemplo usando Razor sem ter que usar jQuery para preencher o segundo dropdown... ????????????

---

André Sombra

Answer 4

Não tenho exemplo, mas você pode também no evento change disparar o submit do form também, ai você preenche via código .Net

Answer 5

André, jura que não quer usar o Jquery? Segue abaixo um exemplo:

<select id="primeiro">
    <option value="0">Selecione</option>
    <option value="1">Opcao 1</option>
    <option value="2">Opcao 1</option>
    <option value="3">Opcao 1</option>
</select>

<select id="segundo">
    <option value="0">Selecione</option>
</select>

<script>
    $(function(){
        $("#primeiro").bind("change", function () {
            $.getJSON(
                '@Url.Action("NomeAction","NomeController")',
                {
                    idParametro: $(this).val()
                },
                function (data) {
                    $("#segundo").empty().append(new Option("Selecione", "0"));
                    $.each(data.items, function (idx, item) {
                        $("#segundo").append(new Option(item.caption, item.value));
                    });
                });
        });
    });
</script>

Agora uma simples action que me retorne um array ai com o caption e o value a ser inserido no select:

public JsonResult NomeAction(int idParametro){
            //Faz toda a consulta necessária para retorna um array de Atributo/Valor

            var json = new
            {
                items = new
                {
                    caption = "label",
                    value = "Valor"
                }
            };

            return Json(json,JsonRequestBehavior.AllowGet);
        }

Fechou e simples assim...