1

necesito pasar el valor seleccionado de un dropdownlist al controlador a través de un modelo. Esta dropdownlist la lleno desde un jquery con datos contenidos en un fichero json.

El escenario es algo así:

Por un lado tengo una clase que me hace de ViewModel para pasar datos del controlador a la vista y viceversa.

 //Clase ViewModel
 public class MiClaseViewModel
 {
    public string ValorDropdownList {get; set; }
 }

Por otro lado tenemos la vista que sería algo así:

 //La vista   
 @model myApp.ViewModel.MiClaseViewModel
 @using (Html.BeginForm())
 {
    <div class="form-group col-md-4">
       <label class="form-label">Descripción del campo</label>
       <select class="custom-select" id="ddl-ValorDropdownList"></select>
    </div>
 }

El archivo de datos json tiene este aspecto:

 //Archivo json
 [{"Codigo": "codigo_1", "Texto": "Texto codigo 1"},
 {"Codigo": "codigo_2", "Texto": "Texto codigo 2"}]

Y finalmente, enlazo un fichero de script a la vista y el código que llena el dropdownlist es este:

 //Codigo jquery
 let miDDL = $('#ddl-ValorDropdownList');
 miDDL.empty();

 miDDL.append('<option selected="true" disabled>Seleccionar un valor</option>');
 miDDL.prop('selectedIndex', 0);

 let urlDatosJson = '/Json/datos.json';
 $.getJSON(urlDatosJson, function (data) {
    $.each(data, function (key, entry) {
       miDDL.append($('<option></option>').attr('value', entry.Codigo).text(entry.Texto));
    });
 });

¿Es posible hacer esto?, ¿Cómo?

4
  • 2
    en el name del select ponle ValorDropdownList y ya con eso tendrias que recibir el valor seleccionado en el controlador
    – Antonio
    el 27 nov. 2018 a las 15:26
  • Funciona perfectamente. Gracias
    – Carlos
    el 28 nov. 2018 a las 9:49
  • El comentario de @Xique es la respuesta.
    – Carlos
    el 28 nov. 2018 a las 9:50
  • ya coloque la respectiva respuesta
    – Antonio
    el 28 nov. 2018 a las 16:27

1 respuesta 1

1

En el name del selectponle ValorDropdownList y ya con eso tendrías que recibir el valor seleccionado en el controlador así:

     @model myApp.ViewModel.MiClaseViewModel
     @using (Html.BeginForm())
     {
        <div class="form-group col-md-4">
           <label class="form-label">Descripción del campo</label>
           <select class="custom-select" name="ValorDropdownList" id="ddl-ValorDropdownList"></select>
        </div>
     }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.