如何使用jquery打印简单的hello world
如何使用jquery打印简单的hello world
提问于 2018-05-28 18:12:27
我有超文本标记语言下拉菜单，并希望打印下拉项更改简单的控制台文本。我使用以下代码：
$('.pm').on('change', "select[name='pay']:", function() {
console.log("Hello World");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pm">
<select name="pay">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>
我想当点击A在控制台上显示'A‘时，点击B在控制台上显示'B’。或单击任何选项都会在控制台上显示HELLO WORLD
回答 4
Stack Overflow用户
回答已采纳
发布于 2018-05-28 18:14:13
使用$(this).val()获取所选选项的选定值。
演示
$('.pm').on('change', "select[name='pay']", function() {
console.clear();
console.log("selected is " + $(this).val());
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pm">
<select name="pay">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>
Stack Overflow用户
发布于 2018-05-28 18:15:32
尝试以下代码：
$('select[name="pay"]').on('change', function () {
console.log($(this).val());
console.log("Hello World!");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pm">
<select name="pay">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>
Stack Overflow用户
发布于 2018-05-28 18:22:25
jQuery('select[name="pay"]').on('change', function () {
console.log("Hello World");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pm">
<select name="pay">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50564008
复制相关文章
相似问题
腾讯云开发者
