javascript - 如果选择,则从列表中隐藏或删除值

标签 javascript jquery html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 5 年前

我有一个无序列表,如果它被选中,我想删除列表选项。

例如:

如果用户选择列表选项之一,我想从列表中删除该选项,因为它将被视为所选值。我可以通过使用 jquery 或 CSS 来实现吗?谁能帮帮我?

它正在被删除

但问题是假设用户选择“A”,列表中的值“A”被删除但是当用户选择“B”时,我如何将值“A”添加回列表

下面是我的html文件:

<dl id='assettypes' class="dropdown">
  <dt>
  <a href="#">
     <span>
        Select option
     </span>                                              
   </a>
  </dt>
  <dd>
    <ul id="ggg">
      <li><a href="#">A</a></li>
      <li><a href="#">B</a></li>
      <li><a href="#">C</a></li>
      <li><a href="#">D</a></li>
      <li><a href="#">E</a></li>
    </ul>
  </dd>
</dl>

最佳答案

您需要为每个 <li> 附加一个点击事件处理程序 元素。从那里,您可以简单地使用 $(this) 定位被点击的元素, .hide() 隐藏它:

$('#ggg > li').click(function() {
  $(this).hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<dl id='assettypes' class="dropdown">
  <dt>
  <a href="#">
     <span>
        Select option
     </span>                                              
   </a>
  </dt>
  <dd>
    <ul id="ggg">
      <li><a href="#">A</a></li>
      <li><a href="#">B</a></li>
      <li><a href="#">C</a></li>
      <li><a href="#">D</a></li>
      <li><a href="#">E</a></li>
    </ul>
  </dd>
</dl>

关于javascript - 如果选择,则从列表中隐藏或删除值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49663130/

上一篇:html - Bootstrap div 超出了图片库中的内容

下一篇:html - 删除 2 个 <div> 标签之间的空格

相关文章:

javascript - 帮助使用 javascript 隐藏单选按钮

javascript - 文本字段的背景颜色 :focus

javascript - 如何重新绑定(bind)jquery中的事件

html - 3列布局需要等高

javascript - 为什么这个简单的 JavaScript 程序不能运行?

html - Bootstrap 表格单元格中的垂直居中复选框

javascript - 为什么我在尝试访问通过 ajax 返回的 json 数据中的值时未定义

javascript - Foundation Zurb 无法更改工具提示文本

jquery - 如何在 HTML 页面中对特定的 div 实现滚动功能

jquery - 在ie7中获取margin的像素值