jquery - 选中的 jQuery 选择框

Question

我有一个选择框，我正在尝试选择更改时从中选择的选项。正如您在之前的脚本中看到的那样，我曾经再次调用该元素，但我没有重用我尝试选择的元素 ID 名称，$(this)但我不知道如何让它工作

前

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

尝试代码（失败）

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

score 2 · Accepted Answer

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

score 1 · Accepted Answer

只需使用this

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

顺便说一句，您也可以（不是强制但建议）使用.on(change(){...})或.live(change(){..})（当然不推荐使用）用于 On page 结果。

score 1 · Accepted Answer

您可以简单地使用$(this).val();来获取选定的值，如下所示。

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

score 0 · Accepted Answer

你可以这样做：

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

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

或者你可以这样做：

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

4 回答 4