Necesito pasar el valor seleccionado de un DropDownList cargado por medio de un SelectList a una ventana modal, para eso estoy utilizando esta linea.
@Html.LabelFor(model => model.CompañiaId, htmlAttributes: new { @class = "control-label col-sm-1" })
<div class="col-sm-4">
@Html.DropDownListFor(x => x.CompañiaId, Model.CompañiasViewModels, new { @class = "form-control", @id = "dropDownList" })
@Html.ValidationMessageFor(model => model.CompañiasViewModels, "", new { @class = "label label-danger" })
</div>
<div>
<a class="btn btn-warning disabled" data-modal="" data-target="#myModal" data-to data-toggle="modal" href='@Url.Action("CreatePopUp", "Usuario", new {id = 5})' id="btnCreateUser" "><span class="glyphicon glyphicon-plus"></span></a>
</div>
</div>
Como verán el valor del Id esta hardcodeado y necesito que sea dinámico, este es el action del controller donde necesito que llegue el id seleccionado.
[HttpGet]
public ActionResult CreatePopUp(int id)
{
UsuarioViewModel usuarioViewModel = new UsuarioViewModel();
usuarioViewModel.RolesViewModels = GetRoles();
usuarioViewModel.CompañiaId = Convert.ToInt32(id);
return View("CreatePopUp", usuarioViewModel);
}
Para mostrar las ventanas modales utilizo el siguiente javascript:
$(function () {
$.ajaxSetup({ cache: false });
$("a[data-modal]").on("click", function (e) {
$('#myModalContent').load(this.href, function () {
$('#myModal').modal({
/*backdrop: 'static',*/
keyboard: true
}, 'show');
bindForm(this);
});
return false;
});
});
function bindForm(dialog) {
$('form', dialog).submit(function () {
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
success: function (result) {
if (result.success) {
$('#myModal').modal('hide');
$('#replacetarget').load(result.url);
} else {
$('#myModalContent').html(result);
bindForm(dialog);
}
}
});
return false;
});
}
Esta funcion es utilizada por otros botones por lo cual tomar el valor directamente aqui no me serviria,
¿Como puedo enviar el valor del DropDownlist desde esta linea?
<a class="btn btn-warning disabled" data-modal="" data-target="#myModal" data-to data-toggle="modal" href='@Url.Action("CreatePopUp", "Usuario", new {id = 5})' id="btnCreateUser" title="Nuevo Usuario de Compañía "><span class="glyphicon glyphicon-plus"></span></a>