Hola compañeros de StackOverFlow, tengo la siguiente duda, como puedo cargar o darle un valor a un input al momento de seleccionar una opción en un select o dropdownlist.
mi controlador create es el siguiente:
// GET: Collaborators/Create
public ActionResult Create()
{
var lideres = (from p in db.Collaborators
where p.grupo_lider == "SI"
select p).ToList();
ViewBag.lideres = lideres.Select(p => new SelectListItem() { Value = p.nombres, Text = p.nombres }).ToList();
ViewBag.CompanyID = new SelectList(db.Companies, "CompanyID", "compania");
return View();
}
Parte de mi vista:
<div class="form-group">
@Html.LabelFor(model => model.lider, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.DropDownListFor(model => model.lider, (List<SelectListItem>)ViewBag.lideres, "Selleccione un líder", new{ @class = "form-control" })
@Html.ValidationMessageFor(model => model.lider, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.cargo_lider, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.cargo_lider, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.cargo_lider, "", new { @class = "text-danger" })
</div>
</div>
Parte de mi modelo con las partes mas relevantes referente a mi duda:
[Display(Name = "Lider")]
public string lider { get; set; }
[Display(Name = "Cargo Lider")]
public string cargo_lider { get; set; }
[Display(Name = "Cargo")]
public string cargo { get; set; }
Explico con exactitud lo que necesito, actualmente mi dropdownList que tiene como modelo model.lider
muestra los nombres de los usuarios cuyo grupo_lider es igual a "SI"
en el controlador muestra la consulta que realice, lo que necesito ahora es cargar el input @Html.EditorFor(model => model.cargo_lider, new { htmlAttributes = new { @class = "form-control" } })
con el cargo según el nombre o el usuario que se seleccione en el dropdownlist, teniendo en cuenta que ese dato esta en la columna cargo
de la db.collaborators, y necesito cargarlo en el input con el modelo.cargo_lider
.
Quedo atento a preguntas, respuestas y demás.
Codigo Actual Ajax:
$('#iddropdownlist').change(function () {
var url = "/Collaborators/BuscarCargoLider?claveLider=" + $('#iddropdownlist option:selected').val();
$.ajax({
url: url,
type: 'GET',
dataType: 'json',
contentType: 'application/json; charset=utf-8',
async: true,
success: function (result) {
var lider;
if (result != null && result.length > 0) {
lider= JSON.parse(result);
}
if (lider!= null ) {
$('#idinput').val(lider);//cargo debe ser la propiedad de la clase lider donde se almacena el cargo del lider
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error al consultar datos del lider");
}
});
});
Controller:
[HttpGet]
public JsonResult BuscarCargoLider(string claveLider)
{
try
{
var lider = (from p in db.Collaborators
where p.nombres == claveLider
select p.cargo).ToList();
return Json(lider, JsonRequestBehavior.AllowGet);
}
catch (Exception)
{
}
return Json("", JsonRequestBehavior.AllowGet);
}