Question

我有一个下拉列表。如果选择了该项，我想从列表中删除该值，并在选择任何其他项时添加该值。例如，如果我选择“A”。我想从列表中删除“A”，然后选择“B”，我想将“A”添加回列表。我怎么能用jQuery做到这一点？

<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>

Answer 1

一种选择是显示/隐藏<li>

＆＃13;

$("#ggg a").click(function() {
  $("#ggg li").show();               //Show all <li>
  $(this).parent().hide();           //Select the parent <li> and hide
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.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>

＆＃13;

另一个选项是，如果选定的<li>包含类selected，您可以像以下一样使用CSS：

<style> 
    #ggg .selected {
        display: none;
    }
</style>

隐藏下拉列表中的值，如果选择了其他值，则将其添加回来

1 个答案: