<分区>
标签 javascript jquery html css
我有一个无序列表,如果它被选中,我想删除列表选项。
例如:
如果用户选择列表选项之一,我想从列表中删除该选项,因为它将被视为所选值。我可以通过使用 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/