jQuery选择此框被选中

Question

我有一个选择框，我正在尝试选择更改时从中选择的选项。我曾经在之前的脚本中再次调用该元素，但我没有重复使用元素ID名称，而是尝试选择$(this)，但我无法弄清楚如何获取它工作

前

$('#maptypecontrol').change(function(){
    maptypecontrolval = $('#maptypecontrol>option:selected').val();
});

尝试过代码（失败）

$('#maptypecontrol').change(function(){
    maptypecontrolval = $(this+'>option:selected').val();
});

Answer 1

$('#maptypecontrol').change(function(){
    maptypecontrolval = $(this).val();
   alert(maptypecontrolval);
});

Answer 2

只需使用this

即可

$('#maptypecontrol').change(function(){
    maptypecontrolval = $(this).val();
    alert(maptypecontrolval);
});

顺便说一句，您可以同样（非强制性但易受影响）使用.on(change(){...})或.live(change(){..})（当然，已弃用）

Answer 3

您只需使用$(this).val();获取所选值，如下所示。

$('#maptypecontrol').change(function(){
    maptypecontrolval = $(this).val();
});

Answer 4

你可以这样做：

$('#maptypecontrol').change(function(){
    maptypecontrolval = $('option:selected', this).val();
    console.log(maptypecontrolval);
});

这将为您提供在下拉列表change事件中选择的选项的值，您可以在浏览器控制台中查看该事件。

Fiddle Demo #1

---

或者你可以这样做：

$('#maptypecontrol').change(function () {
    maptypecontrolval = this.value;
    console.log(maptypecontrolval);
});

Fiddle Demo #2