1、打开html编辑工具，新建一个html代码页面
2、在html代码页面创建select下拉选框下拉框代码：<select name=""稆糨孝汶; id=""> <option value="">选择下拉菜单</option> <option value="">下拉菜单1</option> <option value="">下拉菜单2</option> <option value="">下拉菜单3</option> <option value="">下拉菜单4</option> </select>
3、引入外部的jquery.js文件。在<title>标签后面使用script引入一个jquery.js文件
4、使用change方法设置当select下拉框改变的时候把选中的内容打印出来
5、保存html代码后使用浏览器打开，按F12后选择Console,然后改变select下拉选框，这个时候会看到Console控制台打印出选中的内容
6、所嘀芟苒疾有代码。可以直接复制所有代码，复制粘贴到新建html页面，修改jquery.js文件路径，保存后按F12选择Console修改select下拉菜单碚枞凇悄选中值即可看到效果。所有代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script> $(function(){ $("select").change(function(){ console.log($("select option:selected").text()) }) }) </script> </head> <body> <select name="" id=""> <option value="">选择下拉菜单</option> <option value="">下拉菜单1</option> <option value="">下拉菜单2</option> <option value="">下拉菜单3</option> <option value="">下拉菜单4</option> </select> </body></html>
