javascript - 如何使用 jquery 和“ID”单击“选择”选项显示“警报”？

Question

我的html > 正文中有以下代码：

<select class="btntabla" id="opciones" style="height: 32px;">
    <option selected id="mostrartodo"       >Mostrar todo</option>
    <option          id="mostrargrafica"    >Mostrar solo gráfica</option>
    <option          id="mostrartabulacion" >Mostrar solo tabulación</option>
    <option          id="solografica"       >Ocultar solo gráfica</option>
    <option          id="solotabulacion"    >Ocultar solo tabulación</option>
</select>

我在我的html > head 中尝试使用 jquery 类似的东西：

<script type="text/javascript" >
    $("#mostrartodo").click(function() {
          alert("hola");
    });
</script> 

我要给你点击一个“选项”的“选择”显示一个“警报”

我怎么能这样做？

Answer 1

收听您的更改事件select：

$('#opciones').on('change', function (event) {
    // Will always be triggered when the select changes ...
    alert('hola');
    // .. so you should check for the value
    // (please add some value attribute to your options)
    if ($(this).find('option:selected').val() === '1') {
      alert('HOLA');
    }
});

Answer 2

$("#opciones").on('change',function() {
       alert($(this).find("option:selected").text()+' clicked!');
});

Answer 3

这样做……这不是正确的做法……

$("#opciones").click(function() {
    var value = $(this).text(); 
    if (value == 'Mostrar todo'){
   alert('hola');
}
});

希望这会奏效...