0

Tenho essa dropdown

<div class="form-group">
        @Html.Label("Grupo de Desconto", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("GrupoDescontos", new SelectList(ViewBag.Desconto, "Id", "Descricao"), new { @id = "GrupoDescontos", @class = "Makewide" })
            @*@Html.ValidationMessageFor(model => model.HomeTemplateId, "", new { @class = "text-danger" })*@
        </div>
    </div>

Sempre que seleciono um ID na tela de lista e quando entro na tela Detalhe, a opção de ID=1 é que fica selecionada, mesmo que eu tenha selecionado a oção 3, por exemplo. Como faço para deixar selecionado na Dropdown o item do ID correspondente?

EDIT1

Esse é o cshtml com a dropdown list que é chamada pela index e depois pela Dropdown

<div>
    <h4></h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @Html.HiddenFor(model => model.Id)

    <div class="form-group">
        @Html.Label("Grupo de Desconto", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("GrupoDescontos", new SelectList(ViewBag.Desconto, "Id", "Descricao"), new { @id = "GrupoDescontos", @class = "Makewide" })
            @*@Html.ValidationMessageFor(model => model.HomeTemplateId, "", new { @class = "text-danger" })*@
        </div>
    </div>

</div>

<div id="GridPartial"></div>

@Html.Partial("DetailsPartial")

<p>
    @Html.ActionLink("Back to List", "Index")
</p>

<script type="text/javascript">
    $(document).ready(function () {
        $("#GrupoDescontos").change(function () {
            $.ajax
            ({
                url: '' + $(this).val(),
                type: 'GET',
                    success: function (dados) {
                    $("#GridPartial").empty();
                    $("#GridPartial").html(dados);
                    //var resultado = dados;
                },
                    error: function (erro) {

                        alert("erro");

                }
            });
        });
    });

    $(document).ready(function () {
        $("#GrupoDescontos").val();
    });
</script>
1
  • Como não havia o cshtml antes eu fiz um exemplo colocando o jquery para executar em um $( document ).ready, mas você está usando ajax, se é após a chamada dele que quer alteração você pode fazer a chamada no success do ajax. 2/04/2019 às 23:19

1 Resposta 1

1

Você pode usar um JQuery simples, assim:

$("#GrupoDescontos").val("Valor_a_Selecionar");

Se trouxer esse valor de uma ViewBag:

$("#GrupoDescontos").val('@ViewBag.Valor_a_Selecionar');

Veja um exemplo abaixo:

$( document ).ready(function() {
    $("#MeuDropDownList").val("2");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="MeuDropDownList">
  <option value="0">Selecione...</option>
  <option value="1">Azul</option>
  <option value="2">Vermelho</option>
  <option value="3">Verde</option>
</select>

Com C# na Controller

Se preferir pode fazer com o Selected do SelectListItem:

List<SelectListItem> list = new List<SelectListItem> {
    new SelectListItem() { Text = "Selecione", Value = "0" },
    new SelectListItem() { Text = "Azul", Value = "1" },
    new SelectListItem() { Text = "Vermelho", Value = "2", Selected = true },
    new SelectListItem() { Text = "Verde", Value = "3" }
};
7
  • O val() no seu exemplo está fixo, como eu passaria um val() dinâmico de acordo com o item selecionado?
    – pnet
    2/04/2019 às 22:53
  • Pode ser pela model, pode ser um viewbag... se você monta seu select list na controller pode nela mesmo já setar qual valor vem selecionado. 2/04/2019 às 22:54
  • Mas como eu pegaria esse valor e jogaria dentro da jquery?
    – pnet
    2/04/2019 às 23:07
  • @pnet atualizei a resposta com mais um exemplo 2/04/2019 às 23:13
  • Uma ViewBag dentro do val() do jquery comigo dá erro
    – pnet
    2/04/2019 às 23:26

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .