La opción de alerta seleccionada aparece repetidamente

Tirth Patel

Las alertobras por primera vez. Sin embargo, cuando cambio de optionnuevo (sin actualizar la página), alerta a ambas opciones, es decir. la primera opción seleccionada y la segunda opción seleccionada también.

Quiero obtener valor solo de la opción seleccionada cuando hago clic en el botón. ¿Alguien puede orientarme sobre cómo puedo lograr esto?

$(document).ready(function() {
  $(".test").change(function() {
    var value = $(this).val();
    $('.button').click(function() {
      alert(value);
    });
  });
  $(".test").change(function() {
    var value = $(this).val();
    $('.button2').click(function() {
      alert(value);
    });
  });
});
<select class="test">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<button class="button" value="button">button</button>
<button class="button2" value="button2">button2</button>

Puede probar mi código colocando la siguiente URL

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_change_ref

Plantillas1212
<script>
$(document).ready(function(){
  var value;
  $(".test").change(function(){
    value = $(this).val();
  });
  $('.button').click(function(){
      alert(value);
  });
});
</script>

<select class="test">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<button class="button" value="button">button</button>

Como lo sugirió @Rory

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Alerta si la opción seleccionada ya está seleccionada en otra opción de selección

opción de alerta cuando está seleccionada

Obtener texto de la opción seleccionada

¿El fragmento no aparece en la barra de navegación seleccionada?

¿Cómo recibir una alerta del nombre de la clase de la opción seleccionada en la etiqueta de selección usando jquery?

Ventana emergente de Pentaho que me alerta sobre la conexión a Hadoop repetidamente

¿Existe la mejor manera de ocultar la opción seleccionada?

Cómo ocultar la opción seleccionada de la lista

imprima también el nombre de la opción seleccionada

Firefox ignora la opción seleccionada = "seleccionada"

La propiedad de opción seleccionada de VueJS no funciona

Recuperar texto (no valor) de la etiqueta de opción seleccionada

Campo de autocompletar dependiendo de la opción seleccionada

Recuperar texto (no valor) de la etiqueta de opción seleccionada

Obtener la opción de cuadro de selección antes de la opción seleccionada actualmente

Cambiar el valor de la opción seleccionada

jQuery: obtener un atributo personalizado de la opción seleccionada

mostrar solo los valores de la opción seleccionada

Obtener atributo data- * de la <opción> seleccionada

Django: opción de mantenimiento seleccionada en la plantilla HTML

Obtenga el texto de la opción seleccionada con JavaScript

jQuery: obtener un atributo personalizado de la opción seleccionada

Obtenga texto de la opción seleccionada con jQuery

Copiar al portapapeles el valor de la opción seleccionada

Validar que la opción está seleccionada antes de avanzar

Obtener valores de la opción seleccionada en AngularJS

jquery establece la opción seleccionada por valor de datos

Mostrar el color de la opción seleccionada - AngularJS

Seleccione la opción seleccionada por nombre de clase

TOP Lista

CalienteEtiquetas

Archivo