select如何获取选中的值？

2025-11-19 21:12:41

1、打开html编辑工具，新建一个html代码页面

select如何获取选中的值？

2、在html代码页面创建select下拉选框

下拉框代码：

<option value="">选择下拉菜单</option>

</select>

select如何获取选中的值？

3、引入外部的jquery.js文件。在<title>标签后面使用script引入一个jquery.js文件

select如何获取选中的值？

4、使用change方法设置当select下拉框改变的时候把选中的内容打印出来

select如何获取选中的值？

5、保存html代码后使用浏览器打开，按F12后选择Console,然后改变select下拉选框，这个时候会看到Console控制台打印出选中的内容

select如何获取选中的值？

6、所有代码。可以直接复制所有代码，复制粘贴到新建html页面，修改jquery.js文件路径，保存后按F12选择Console修改select下拉菜单选中值即可看到效果。

所有代码:

<!DOCTYPE html>

<html>

<head>

$(function(){

$("select").change(function(){

console.log($("select option:selected").text())

})

</script>

</head>

<body>

<option value="">选择下拉菜单</option>

</select>

</body>

</html>

select如何获取选中的值？

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。