通过JavaScript将文本框值添加到多个选择框

Question

我有一个文本框，允许用户输入字母数字输入。我还有一个加号图像，点击后必须将输入的文本添加到名为“添加键号”的多个选择框中（如下所示）。在多个选择框“添加键号”中添加几个输入后，用户可以单击向左箭头将最终列表添加到“列表键号”选择框中。我坚持使用JavaScript将文本框中的文本输入添加到第一个选择框。请告知。

以下是我的代码：

<cfparam name="SESSION.stkeynum" default="">
<table border="1" align="center" STYLE="margin-left:120px;" bgcolor="##B0C4DE">         
<tr>
    <td align="center" >ENTER KEY NUM</td>
    <td align="center" ></td>
    <td align="center" >ADD KEY NUM</td>                
    <td align="center" ></td>
    <td align="center" >LIST KEY NUM</td>
    <td align="center" >AMOUNT</td>             
</tr> 
<tr>
    <td align="center"><input type="text" maxlength ="8" name="vstkeynum" id="vstkeynum" value="" size="15"></td>
    <td><img src="../images/plus.jpg" alt="Add Key number" onclick="add_cc(document.myform.vstkeynum.value);"></img></td>
    <td nowrap>
        <div id="Div1"></div>   
        <select name="keynumber" size="5" multiple style="width: 175px; display: inline;">
            <option value="null"> </option> 
        </select> 
    </td>
    <td><img src="../images/arrow_right.gif" alt="Add To List" onclick="copySelectedOptions_edit(document.myform.keynumber,document.myform.keynumber_selection);">
        <hr>
        <img onclick="removeSelectedOptions_edit(document.myform.keynumber_selection);" src="../images/arrow_left.gif" alt="Delete From List">  
    </td>
    <td nowrap>
        <select name="keynumber_selection" size="5" multiple style="width: 175px;">
        </select>
    </td>
    <td align="center"><input type="text" maxlength ="8" name="amount" id="amount" value="" size="7"></td>
</tr> 
</table> 

JavaScript：

<script type="text/javascript">
    function add_cc(a) {
    // inital load
    ajax({
        url: 'add_keynum.cfm?vval=' + a,
        fillDiv: 'Div1',
        showBusy: true
    });
    document.myform.vstkeynum.value = "";
    }
</script>
<script>
    function copySelectedOptions_edit(from, to) {
    var options = new Object();
    if (hasOptions(to)) {
        for (var i = 0; i < to.options.length; i++) {
        options[to.options[i].value] = to.options[i].text;
        }
    }
    if (!hasOptions(from)) {
        return;
    }
    for (var i = 0; i < from.options.length; i++) {
        var o = from.options[i];
        if (o.selected) {
        if (options[o.value] == null || options[o.value] == "undefined" || options[o.value] != o.text) {
            if (!hasOptions(to)) {
            var index = 0;
            } else {
            var index = to.options.length;
            }
            to.options[index] = new Option(o.text, o.value, false, false);
        }
        }
    }
    if ((arguments.length < 3) || (arguments[2] == true)) {
        sortSelect(to);
    }
    from.selectedIndex = -1;
    to.selectedIndex = -1;
    }

    function removeSelectedOptions_edit(from) {
    if (!hasOptions(from)) {
        return;
    }
    if (from.type == "select-one") {
        from.options[from.selectedIndex] = null;
    } else {
        for (var i = (from.options.length - 1); i >= 0; i--) {
        var o = from.options[i];
        if (o.selected) {
            from.options[i] = null;
        }
        }
    }
    from.selectedIndex = -1;
    }
</script>

这是add_keynum.cfm中的代码：

<cfif isDefined("vval")  >
    <cfif trim(vval) neq "">
        <cfset SESSION.stkeynum = Listappend(SESSION.stkeynum,vval)>
        <cfoutput>#SESSION.stkeynum#</cfoutput>
    <cfelse>
        <cfif isDefined("session.stkeynum")>
            <cfoutput>#SESSION.stkeynum#</cfoutput>
        </cfif>
    </cfif>
</cfif>