Skip to main content
1 de 3

Abrir un modal desde un select

estoy imprimiendo el siguiente select opt

`

" type="option" class="btn btn-default" data-toggle="modal" data-target="#anadir_pregunta">Añadir pregunta `

al cual le estoy pasando mediante el data-target el siguiente id anadir_pregunta para que me responda al siguiente modal

<form id="guardarDatos"> 
<div class="modal fade" id="anadir_pregunta" tabindex="-1" role="dialog" 
 aria-labelledby="exampleModalLabel">
 <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>
    <h4 class="modal-title" id="exampleModalLabel">Agregar el contenido que 
    contendra tu pregunta</h4>
  </div>
  <div class="modal-body">
        <div id="datos_ajax_register"></div>
      
      <div class="form-group">
        <label for="nombre0" class="control-label">Pregunta:</label>
        <input type="text" class="form-control" id="nombre0" name="nombre" required maxlength="45">
        <input type="hidden" class="form-control" id="id" name="id">
      </div>  
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
    <button type="submit" class="btn btn-primary">Guardar datos</button>
  </div>
</div>

En donde mi codigo Script es el siguiente...

$('#anadir_pregunta').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget) // Botón que activó el modal
        var id = button.data('id') // Extraer la información de atributos de datos
        var modal = $(this)
        modal.find('#id').val(id)
        alert(id);
    })