个人中心
gpt4 book ai didi

javascript - 根据选择的选择显示 3 个 div 之一

转载 作者：太空宇宙 更新时间：2023-11-04 14:17:54 24 4
gpt4 key购买 nike

<分区>

我有一个带有 3 个选项 body、strength、distance 的选择框。我想使用 javascript/jquery 来显示一个 div，具体取决于选择了哪些选项。到目前为止，我只是让它在按钮上工作 http://codepen.io/Irish1/pen/iwKam

html

<form>
  <p>
    <label for="select">
      Goal Type
    </label>
    <select class="typeselect">
      <option value=""></option>
      <option value="body">
        Body
      </option>
      <option value="strength">
        Strength
      </option>
      <option value="distance">
        Distance
      </option>
    </select>
    <button class="toggle">push</button>
  </p>
  <div class="body">
    <p>
      <label for="body">
       Body
      </label>
    </p>
  </div>
  <div class="strength">
    <p>
      <label for="strength">
        Strength
      </label>
    </p>
  </div>
  <div class="distance">
    <p>
      <label for="distance">
       Distance
      </label>
    </p>
  </div>


</form>

CSS

.body {
  display: none;
}

.strength {
  display: none;
}

.distance {
  display: none;
}

JavaScript

$('.toggle').click(function(){
  $('.body').toggle();
});

24 4 0
文章推荐： java - 如何使用jsoup从整个html页面中删除特定标签
文章推荐： java - 应用程序服务器和本地 Eclipse 的 Hibernate 外部配置设计
文章推荐： javascript - 如何找到具有相同类名的其他 div 并关闭它们
文章推荐： C# 使用导出抽象类/接口(interface)的 C++ DLL 函数？
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com