javascript - 如何将值从一个下拉列表存储到另一个下拉列表

Question

我有 2 个下拉列表，在第一个下拉列表中我有一些数据，如果我选择数据，它必须存储到第二个下拉列表中。这是代码:-

这是第一个下拉列表，

<select name="weekId" id="weekId" onchange="getSelected(value)">
   <option value="Select">Select</option>
   <option value="Weekly">Weekly</option>
   <option value="Monthly">Monthly</option>
   <option value="Both">Both</option>
</select>

这是第二个列表，

<select id="selectedWeek" name="selectedWeek" size="5" multiple="multiple">

如果我在第一个下拉列表中选择每周，则该值必须存储在第二个下拉列表中。我该如何实现？

提前致谢!

Answer 1

var weekId = document.getElementById('weekId')
  , selectedWeek = document.getElementById('selectedWeek')
  , option;

weekId.onchange = function() { 
  option = document.createElement('option');
  option.value = this.value;
  option.text = this.options[this.selectedIndex].text;
  selectedWeek.appendChild(option);
  weekId.removeChild(this.options[this.selectedIndex]);  
};​

在这里查看工作 fiddle :http://jsfiddle.net/bKrFK/1/

事件处理程序中的最后一行将从 weekId 选择框中删除所选选项(如果不需要，请删除该行)