select下拉选框如何获取修改的值？可以通过change事件触发下拉选框修改事件，然后使用$("selectoption:selected").text()获取下拉选框选中内容。js代码$("select").change(function(){ console.log($("selectoption:selected").text()) })
方法/步骤
1、打开html编辑工具，新建一个html代码页面
2、在html代码页面创建select下拉选框下拉框代码：<selectnam娣定撰钠e=""稆糨孝汶;id=""> <optionvalue="">选择下拉菜单</option> <optionvalue="">下拉菜单1</option> <optionvalue="">下拉菜单2</option> <optionvalue="">下拉菜单3</option> <optionvalue="">下拉菜单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下拉菜单碚枞凇悄选中值即可看到效果。所有代码:<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"src="js/jquery-3.3.1.min.js"></script> <script> $(function(){ $("select").change(function(){ console.log($("selectoption:selected").text()) }) }) </script> </head> <body> <selectname=""id=""> <optionvalue="">选择下拉菜单</option> <optionvalue="">下拉菜单1</option> <optionvalue="">下拉菜单2</option> <optionvalue="">下拉菜单3</option> <optionvalue="">下拉菜单4</option> </select> </body></html>
