zoukankan      html  css  js  c++  java
  • 5.用JQuery实现选中select里面的option显示对应的div

    用JQuery实现选中select里面的option显示对应的div

    HTML:

    <select name=""  onchange="select(this)">
      <option value="1">题目一</option>
      <option value="2">题目二</option>
      <option value="3">题目三</option>
      <option value="4">题目四</option>
    </select>

    <div>

      <div  id="div1">内容一

      </div>

      <div id="div2" style="display:none">内容二

      </div>

      <div id="div3" style="display:none">内容三

      </div>

      <div id="div4" style="display:none">内容四

      </div>

    </div>

    //我试过,内容标签只能用id,不能用class.

    //而且js的文件名不能为select。

    JS:

    function select(obj){
    $("#div" + obj.value).show().siblings().hide();

    //找到内容的标签 + 点击select获得的value值,让它显示,再让他的兄弟标签隐藏。
    }

  • 相关阅读:
    开放式最短路径优先OSPF
    第一课:docker基本知识
    docker 基础
    mycat
    nginx
    keepalived
    mariadb 读写分离
    ansible
    转载 树莓派vnc 教程
    基础命令2
  • 原文地址:https://www.cnblogs.com/sqyambition/p/8259652.html
Copyright © 2011-2022 走看看