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

Question

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

 $('.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

Answer 1

使用$(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> 

Answer 2

尝试以下代码：

 $('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> 

Answer 3

 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> 

Answer 4

// 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());
    });
});