none
Valor seleccionado en DropDownList con Jquery RRS feed

  • Pregunta

  • Hola saludos, 

    Me gustaría me ayudaran con el siguiente problemita. Tengo un DropDownList que cuando selecciono determinado ítem se me debe activar un Modal para realizar una acción. 

    El problema es que no logro encontrar el método para que cuando elija la opción deseada se me muestre el Modal. De momento lo estoy trabajando con .click del DropDownList  pero no es muy funcional ya que después de seleccionado debo dar click sobre el DropDownList  para que se me muestre el modal. Cuando quiero cambiar la opción se complica aun mas.

    Les dejo el código y le agradezco por su tiempo 

    //evento seleccionar para ingresar procesadores
    $("#ddlProcesador").click(function (e) {
        var traida = $("#ddlProcesador option:selected").text();
        var defe = "[ Añadir nuevo procesador ]";   
        if (traida == defe) {
            e.preventDefault();
            $("#imodalProcesadorR").modal("show");
        }
    });

    <div class="modal fade" id="imodalProcesadorR" tabindex="-1" role="dialog" aria-labelledby="myModalLabelP"data-backdrop="static" 
      data-keyboard="false">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h3 class="modal-title" id="myModalLabelP">Registar Procesador</h3>
                    </div>
                    <div class="modal-body">     
                        <div class="form-group">
                            <label>PROCESADOR</label>
                        </div>
                        <div class="form-group">
                            <asp:TextBox ID="txtModalProcesadorRegistro" runat="server" Text="" CssClass="form-control" ></asp:TextBox>
                        </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="btnModalRegistrar">Registrar</button>
                    </div>
                </div>
            </div>
        </div>   

                        
    miércoles, 23 de enero de 2019 20:02

Respuestas

Todas las respuestas