Jquery select下拉框操作

最新推荐文章于 2023-12-21 11:33:51 发布

季布，

最新推荐文章于 2023-12-21 11:33:51 发布

阅读量1.6k

点赞数 1

分类专栏： Jquery 文章标签：开发语言 jquery

本文链接：https://blog.csdn.net/weixin_47906106/article/details/121681551

版权

Jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

select下拉框选中使其内容改变时触发的事件

<select  id="plat_form">
	
</select>

在Js中使用

<script>
$("#plat_form").change(function(){
             //要触发的事件
             alert($("#plat_form").val())
        });
</script>

选中会拿到value
在这里插入图片描述

获取当前Option选中的选项值

$("#select1 option:selected").text()

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉列表</title>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
下拉列表
<select id="select1">
    <option value>请选择</option>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
    <option value="4">选择4</option>
    <option value="5">选择5</option>
</select>
</body>
<script type="text/javascript">
</script>
</html>