jquery下拉框选中对应option

最新推荐文章于 2022-07-02 23:54:02 发布

前端王小婷

最新推荐文章于 2022-07-02 23:54:02 发布

阅读量373

点赞数

本文链接：https://blog.csdn.net/weixin_44763569/article/details/89399255

版权

本文介绍了一个常见的前端功能——使用jQuery实现根据条件选中下拉框的特定选项。这个功能在统计和筛选场景中经常用到，例如按类型或日期筛选内容。作者是90后前端开发者，热衷于编程、运营和解决问题。

摘要由CSDN通过智能技术生成

这是一个很简单的功能，jquery实现下拉框选中对应的div。
虽然简单但是会在项目之中经常会用到，尤其是统计的时候，按照不同类型或者不同的年月日来选择相对应的内容。

<!DOCTYPE html>
<html>
      <head>
            <meta charset="UTF-8">
            <title>jquery实现下拉框选中对应的div</title>
            <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
      </head>
      <body>
    <select onchange="cl(this)">
    <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>
<div>
    <di