Estoy realizando una aplicación web en c# asp.net mvc5, tengo un dropdown dependiente que se carga a través de una función javascript y los datos son de la base de datos. A este dropdown
deseo ponerle un texto --Seleccione--, y a su vez que este texto salga Deshabilitado, pero hasta ahora no consigo que funcione el Disabled.
Controller
var municQuery = db.n_municipio.Where(c => c.id_provincia == id).ToList();
List<SelectListItem> munic = new List<SelectListItem>();
foreach (var item in municQuery)
{
munic.Add(new SelectListItem()
{
Value = item.id_municipio.ToString(),
Text = item.municipio,
});
}// foreach
munic.Insert(0, new SelectListItem { Value = "0",
Text = "--Seleccione--", Disabled = true });
return Json(munic, JsonRequestBehavior.AllowGet);
El dropdown se carga sin problemas no importa la forma en que lo envie a la vista pero no me sale Disabled
. Cuando traceo o debbugeo el código, si embargo me sale true
.
La vista
JavaScript
<script type="text/javascript">
$(document).ready(function () {
//Dropdownlist Selectedchange event
$("#provincia").change(function () {
$("#id_municipio").empty();
$.ajax({
type: 'POST',
url: '@Url.Action("MunicipioByProvinciaTwo", "Municipio")', // we are calling json method
dataType: 'json',
data: { id: $("#provincia").val() },
success: function (CityMunicipio) {
$.each(CityMunicipio, function (i, CityMunic) {
$("#id_municipio").append('<option value="' + CityMunic.Value + '">' +
CityMunic.Text + '</option>');
});
},
error: function (ex) {
alert('Failed to retrieve Municipio.' + ex);
}
});
return false;
})
});
</script>
@Html.DropDownList("id_municipio", new SelectList(string.Empty, "Value", "Text"), "Seleccione un municipio")
Yo utilizo la misma vista para el GET y el POST, por eso en el dropdown de abajo el Seleccione se ve antes del submit y luego se ve el Seleccione que esta en el controller.
Qué puedo estar haciendo mal. Gracias de antemano.
DropDownList
. Al ver tu código supongo que llenas eseDropDownList
desde una petición Ajax, para lo cual sugiero que deshabilites la opción por default con Javascript o jQuery una vez que obtengas los datos en la vista.