使用javascript和html的下拉列表

Question

我创建了1个下拉列表，当我点击它应该从另一个字段的下拉列表中删除的值时.. 当我双击该字段中的值时，它应该返回到淹没列表。

请给我一些想法

Answer 1

一个简单的例子是：

<script type="text/javascript">

function handleClick(e, listElement) {

  // Get the element that was clicked on
  var el = e.target || e.srcElement;

  // If the element has class 'item' ...
  if (el && /item/.test(el.className)) {

    // Move it from its current list to the other one
    if (listElement.id == 'list-0') {
      document.getElementById('list-1').appendChild(el);

    } else {
      document.getElementById('list-0').appendChild(el);
    }
  }
}

</script>

<ul id="list-0" onclick="handleClick(event, this);">
  <li class="item">apple
  <li class="item">orange
  <li class="item">banana
</ul>

<ul id="list-1" onclick="handleClick(event, this);">
  <li>add stuff here...
</ul>

当然，要使网页上的内容变得非常有用，还有很多需要。