Open a modal from a select

Question

Open a modal from a select

Navigation

#1 by (0 votes)

0

I'm printing the next select opt

<select id="select_ic"><?php ?>
  <option data-toggle="modal" 
    data-idsubseccion="<?php echo $id_sub_seccion ?>"
    type="option"
    class="btn btn-default"
    data-toggle="modal"
    data-target="#anadir_pregunta">Añadir pregunta <?php echo $id_sub_seccion ?>
  </option>
</select>

which I am passing through the data-target the following id add_question so that I respond to the following 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>

Where my Script code is the following ...

$('#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);
    })

I'm trying to get my modal to respond when I give it selectOption

javascript html php phpmyadmin

asked by jDanielSotoC 17.04.2018 в 19:17

source

1 answer

Problem with PHP file path Problems with shadow in a div using transition

score 0 · Accepted Answer

You can use the onchange event, when you change or select an option of the select invoke a function and send the value of the select something like this: html:

<select id="select_ic"onchange="abrirModal($(this).val());">
<option data-toggle="modal" data-idsubseccion="<?php echo $my_data ?>>Añadir pregunta></option>
</select>

javascript:

function abrirModal(select_id){
$("#idInput").val(select_id);//asigna data a modal por id
$('#myModal').modal('show');
}

is an example you can do in many ways !!