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

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

HTML:

<select name=""  οnchange="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值,让它显示,再让他的兄弟标签隐藏。
}


相关文章
|
7月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
JavaScript
jQuery方式追加div覆盖
jQuery方式追加div覆盖
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
58 0
|
JavaScript
jQuery清空div内容
jQuery清空div内容
|
7月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
|
7月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
102 0
|
7月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
190 0
|
存储 JavaScript 前端开发
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
144 1
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
62 0
|
JavaScript 定位技术
jQuery实现点击图标div循环放大缩小功能
jQuery实现点击图标div循环放大缩小功能
64 0