Javascript 如何使用jquery打印简单的hello world

我有HTML下拉列表，想在更改下拉列表项时打印简单的控制台文本。我使用以下代码：

$（'.pm'）。在（'change'，选择[name='pay']：”，函数（）{
log（“你好世界”）；
});

A.
B
C
D
使用
$（this）.val（）
获取所选选项的选定值

演示


$（'.pm'）。在（'change'，“select[name='pay']”上，函数（）{
console.clear（）；
log（“选择的是”+$（this.val（））；
});

A.
B
C
D
请尝试以下代码：


$（'select[name=“pay”]”）。在（'change'，函数（）{
log（$（this.val（））；
log（“你好，世界！”）；
});

A.
B
C
D

jQuery（'select[name=“pay”]”）。在（'change'，函数（）{
log（“你好世界”）；
});

A.
B
C
D
从
中删除
：
“选择[name='pay']：”
，它将work@user_123对不起，你是什么意思？当点击A时显示“A”，当点击B时同时显示“A”和“B”@Carsten Løvbo Andersen…@user_123如果我点击D，你想让它也显示所有之前的内容吗？又名A B C D当单击仅显示“A”时，下一次单击B时仅显示“B”…@Carsten Løvbo Andersen。。。。在这里，我附上当前场景的屏幕截图。@user_123已更新。由于您的选项中没有值，您必须取出所选选项的文本。
$（this）.val（）
也将返回与
.text（）相同的结果
在这种情况下，作为OP的旁注。在原始代码中，您使用委托事件绑定，但使用直接绑定接受答案。仅在您实际需要发布的委托事件绑定时提及它，否则，如果插入select，则会破坏代码。如果没有，那么一切都好：）另一个选项是使用普通的
this.value
，因为在这种情况下不需要创建额外的jquery包装。
// Use this script
//$(this).val() gives the value of option selected, not the text.

$(document).ready(function(){
    $('select[name=pay]').change(function() {
        console.log($(this).find('option:selected').text());
    });
});