Skip to main content
se añadieron 809 caracteres en el cuerpo
Origen Enlace

Hola estoy tratando de abrir un modal por medio de un select y tengo el siguiente codigo html

<select id = "numbers" onchange = "myFunction()">
 <option value = "1">1</option>
 <option value = "2">2</option>
 <option value = "3">Click me !</option>
</select> 

<div class="container">
 <h2>Basic Modal Example</h2>
 <!-- Trigger the modal with a button -->
 <!-- Modal -->
 <div class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog">
   <!-- Modal content-->
    <div class="modal-content">
     <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times; 
      </button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Some text in the modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data- 
     dismiss="modal">Close</button>
    </div>
  </div>
  
</div>
  

Y la funcion de javascript que estoy usando es la siguiente:

function myFunction() {
var option_value = document.getElementById("numbers").value;
if (option_value == "3") {
    alert("Hai !");
 }
}

El problema es que al elegir la opcion 3 pues me muestra un alert, lo que busco es mostrar un modal hecho con boostrap, intente poner en vez del alert un $('#myModal').modal('show'); pero al elegir no me salia nada, de que otra manera podria hacerlo?

Gracias.

Hola estoy tratando de abrir un modal por medio de un select y tengo el siguiente codigo html

<select id = "numbers" onchange = "myFunction()">
 <option value = "1">1</option>
 <option value = "2">2</option>
 <option value = "3">Click me !</option>
</select>
 

Y la funcion de javascript que estoy usando es la siguiente:

function myFunction() {
var option_value = document.getElementById("numbers").value;
if (option_value == "3") {
    alert("Hai !");
 }
}

El problema es que al elegir la opcion 3 pues me muestra un alert, lo que busco es mostrar un modal hecho con boostrap, intente poner en vez del alert un $('#myModal').modal('show'); pero al elegir no me salia nada, de que otra manera podria hacerlo?

Gracias.

Hola estoy tratando de abrir un modal por medio de un select y tengo el siguiente codigo html

<select id = "numbers" onchange = "myFunction()">
 <option value = "1">1</option>
 <option value = "2">2</option>
 <option value = "3">Click me !</option>
</select> 

<div class="container">
 <h2>Basic Modal Example</h2>
 <!-- Trigger the modal with a button -->
 <!-- Modal -->
 <div class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog">
   <!-- Modal content-->
    <div class="modal-content">
     <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times; 
      </button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Some text in the modal.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data- 
     dismiss="modal">Close</button>
    </div>
  </div>
  
</div>
 

Y la funcion de javascript que estoy usando es la siguiente:

function myFunction() {
var option_value = document.getElementById("numbers").value;
if (option_value == "3") {
    alert("Hai !");
 }
}

El problema es que al elegir la opcion 3 pues me muestra un alert, lo que busco es mostrar un modal hecho con boostrap, intente poner en vez del alert un $('#myModal').modal('show'); pero al elegir no me salia nada, de que otra manera podria hacerlo?

Gracias.

Origen Enlace

Abrir modal con un select

Hola estoy tratando de abrir un modal por medio de un select y tengo el siguiente codigo html

<select id = "numbers" onchange = "myFunction()">
 <option value = "1">1</option>
 <option value = "2">2</option>
 <option value = "3">Click me !</option>
</select>

Y la funcion de javascript que estoy usando es la siguiente:

function myFunction() {
var option_value = document.getElementById("numbers").value;
if (option_value == "3") {
    alert("Hai !");
 }
}

El problema es que al elegir la opcion 3 pues me muestra un alert, lo que busco es mostrar un modal hecho con boostrap, intente poner en vez del alert un $('#myModal').modal('show'); pero al elegir no me salia nada, de que otra manera podria hacerlo?

Gracias.