帮忙看看，谢谢

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function chg(sel){
document.all.textarea.value += "\n"+sel.options(sel.selectedIndex).text;
document.all.AllID.value += sel.value+","
}
//-->
</SCRIPT>
<body>
<form name="form1" method="post" action="">
  <table width="75%" border="0">
    <tr> 
      <td width="43%" rowspan="2">栏目： 
        <select name="select" onchange="chg(this)">
          <option value="1" selected>新闻1</option>
          <option value="2">新闻2</option>
        </select>
        了栏目： 
        <select name="select2" onchange="chg(this)">
          <option value="1" selected>国内新闻</option>
          <option value="2">国外新闻</option>
        </select>
      </td>
      <td width="12%"><input type="button" name="Submit2" value="加入"></td>
      <td width="45%" rowspan="2"><textarea name="textarea" id="textarea" cols="35" rows="5">新闻：国内新闻
娱乐：海外娱乐</textarea></td>
    </tr>
    <tr> 
      <td><input type="button" name="Submit3" value="移除"><INPUT TYPE="text" NAME="AllID" ID="AllID"></td>
    </tr>
  </table>
</form>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body>
    <form name="form1" method="post" action="">
      <table width="75%" border="0">
        <tr> 
          <td width="43%" rowspan="2">栏目： 
            <select name="select1">
     <option value="1">新闻</option>
     <option value="2">娱乐</option>
    </select>
            了栏目： 
            <select name="select2">
              <option value="1">国内新闻</option>
              <option value="2">海外娱乐</option>
            </select>
          </td>
          <td width="12%"><input type="button" name="Submit2" value="加入" onclick="add()"></td>
          <td width="45%" rowspan="2"><select name="select3" style="width:200px" size="5" onclick="alert(this.value)"></td>
        </tr>
        <tr> 
          <td><input type="button" name="Submit3" value="移除" onclick="del()"></td>
        </tr>
      </table>
    </form>
    <script language="JavaScript">
    <!--
     var e1 = document.all.select1;
      var e2 = document.all.select2;
      var e3 = document.all.select3;
    function add()
    {  
    var txt1 = e1.options[e1.selectedIndex].text;
    var val1 = e1.options[e1.selectedIndex].value; var txt2 = e2.options[e2.selectedIndex].text;
    var val2 = e2.options[e2.selectedIndex].value; var txt = txt1+":"+txt2;
    var val = val1+":"+val2;
    e3.options.add(new Option(txt, val));         
    }function del()
    {
        e3.options.remove(e3.selectedIndex);
    }
    //-->
    </script>
    </body>
    </html>
      

  2.   

    To:kisslan(郁忧的曼陀萝) 谢谢你，我把ID保存在　文本框里了，如何做到移除时ID的值也跟着变化呢？非常感谢！<html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body>
    <form name="form1" method="post" action="">
      <table width="75%" border="0">
        <tr> 
          <td width="43%" rowspan="2">栏目： 
            <select name="select1">
     <option value="1">新闻</option>
     <option value="2">娱乐</option>
    </select>
            了栏目： 
            <select name="select2">
              <option value="1">国内新闻</option>
              <option value="2">海外娱乐</option>
            </select>
          </td>
          <td width="12%"><input type="button" name="Submit2" value="加入" onclick="add()"></td>
          <td width="45%" rowspan="2"><select name="select3" style="width:200px" size="5" onclick="alert(this.value)"></select></td>
        </tr>
        <tr> 
          <td><input type="button" name="Submit3" value="移除" onclick="del()"><INPUT TYPE="text" NAME="AllID" ID="AllID"></td>
        </tr>
      </table>
    </form>
    <script language="JavaScript">
    <!--
     var e1 = document.all.select1;
      var e2 = document.all.select2;
      var e3 = document.all.select3;
    function add()
    {  
    var txt1 = e1.options[e1.selectedIndex].text;
    var val1 = e1.options[e1.selectedIndex].value; var txt2 = e2.options[e2.selectedIndex].text;
    var val2 = e2.options[e2.selectedIndex].value; var txt = txt1+"->"+txt2;
    //var val = val1+":"+val2;
    e3.options.add(new Option(txt, val2));         
    document.all.AllID.value +=val2+","
    }function del()
    {
        e3.options.remove(e3.selectedIndex);

    }
    //-->
    </script>
    </body>
    </html>
      

  3.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body>
    <form name="form1" method="post" action="">
      <table width="75%" border="0">
        <tr> 
          <td width="43%" rowspan="2">栏目： 
            <select name="select1">
     <option value="1">新闻</option>
     <option value="2">娱乐</option>
    </select>
            了栏目： 
            <select name="select2">
              <option value="1">国内新闻</option>
              <option value="2">海外娱乐</option>
            </select>
          </td>
          <td width="12%"><input type="button" name="Submit2" value="加入" onclick="add()"></td>
          <td width="45%" rowspan="2"><select name="select3" style="width:200px" size="5" onclick="alert(this.value)"></select></td>
        </tr>
        <tr> 
          <td><input type="button" name="Submit3" value="移除" onclick="del()"><INPUT TYPE="text" NAME="AllID" ID="AllID"></td>
        </tr>
      </table>
    </form>
    <script language="JavaScript">
    <!--
     var e1 = document.all.select1;
      var e2 = document.all.select2;
      var e3 = document.all.select3;
    function add()
    {  
    var txt1 = e1.options[e1.selectedIndex].text;
    var val1 = e1.options[e1.selectedIndex].value; var txt2 = e2.options[e2.selectedIndex].text;
    var val2 = e2.options[e2.selectedIndex].value; var txt = txt1+"->"+txt2;
    //var val = val1+":"+val2;
    e3.options.add(new Option(txt, val2));         
    getValue();
    }function del()
    {
        e3.options.remove(e3.selectedIndex);
    getValue();
    }function getValue()
    {
       var s = "";
       for(var i=0;i<e3.length;i++)
       {
          s += e3[i].value+",";
       }
       document.all.AllID.value = s;
    }
    //-->
    </script>
    </body>
    </html>