HTML里怎么调用JS代码？？

要求是这样的，如下图：
左Select框                右Select框   
    A          Add          C
    B          Del          E
    D
               submit
左Select里本来是ABCDE,当选择CE时，点Add，它们就会跑到右边去，再选C后点Del，C又会跑左边去.点击submit时，要求得到右Select框里的所有值;
代码如下：但是我不知道点submit时如何得到右边的值：(另提一问，就是怎么能让PHP得到它的值)
<script> 
function copyToList(from,to) //from表示:包含可选择项目的select对象名字 to表示:列出可选择项目的select对象名字 //你可以根据你的具体情况修改 
{ 
  fromList = eval('document.forms[0].' + from); 
  toList = eval('document.forms[0].' + to); 
  if (toList.options.length > 0 && toList.options[0].value == 'temp') 
  { 
    toList.options.length = 0; 
  } 
  var sel = false; 
  for (i=0;i <fromList.options.length;i++) 
  { 
    var current = fromList.options[i]; 
    if (current.selected) 
    { 
      sel = true; 
      if (current.value == 'temp') 
      { 
        alert ('你不能选择这个项目!'); 
        return; 
      } 
      txt = current.text; 
      val = current.value; 
      toList.options[toList.length] = new Option(txt,val); 
      fromList.options[i] = null; 
      i--; 
    } 
  } 
  if (!sel) alert ('你还没有选择任何项目'); 
} function getValue() //这个函数可以得到值，但是不知道怎么调用啊
{ 
alert(document.form1.text1.value); 
var sel = document.form1.chosen; 
var temp=""; 
for(i=0; i <sel.options.length; i++) 
{ 
temp += sel.options[i].value; 
temp += sel.options[i].text+" | |"; 
} 
alert(temp);
}
 
</script> <form action="index.php" name="myForm" method="post" onsubmit="alert(document.myForm.choice.value)"> 
  <table class="listing" border="0" cellspacing="0" cellpadding="0" width="780"> 
<tr class="detailrow <?php echo ($_rc = 1 - $_rc)?>"> 
  <td align=left valign=center height = "80"> <?php echo "Select CommissionCharge"?>&nbsp;&nbsp; </td> 
    <td> <select name="possible" size="8" align=left multiple style="width: 200px;> 
      <option value="1">yy </option> 
      <option value="2">gz </option> 
      <option value="3">sz </option> 
      <option value="4">wh </option> 
      <option value="5">sh </option> 
    </select> </td> 
    <td>&nbsp;&nbsp; <a href="javascript:copyToList('possible','chosen')">add </a>&nbsp;&nbsp; <BR /> <br /> 
&nbsp;&nbsp; <a href="javascript: copyToList('chosen','possible')">delete </a>&nbsp;&nbsp; </td> 
    <td> <select name="chosen" size="8" align=left multiple style="width: 200px;"> 
      <option value="temp"> </option> 
    </select> </td> 
  </tr> 
  
    <tr> 
            <td align=left> 
                <table border=0 cellspacing=0 cellpadding=5> 
                    <tr> 
                        <td> 
                             <!-- 在这里提交，但是type,value都不能变，为什么在onclick=...这里调用不了呢？-->
                            <input class="formbutton" type="submit" value="submit" onclick="getValue();">       
                        </td> 
                    </tr> 
                </table> 
            </td> 
        </tr> 
  </table>  
</form>

解决方案 »

  1.   

    onclick="getValue();"> 
    改成:
    onclick="return getValue();">
    函数 getValue()在最后添加返回值。
    temp += sel.options[i].text+" ¦ ¦"; 
    } 
    alert(temp); 
    return true;//填加返回值
    } </script> 
    另外，alert(document.form1.text1.value); 
    中的form1改成form名称-->myForm,
    且其中的text1没有定义。删除或者替换成已有的input名称。
      

  2.   

    给你的javascript起个名字,如abc.js 然后在</head><body>之间加入
    <script type="text/javascript" src="abc.js">不知楼主要的是否这样?
      

  3.   

    下面的代码可以调用getValus（）方法了，不明白lz的设计为什么submit还要onclick<script>
    function copyToList(from,to) //from表示:包含可选择项目的select对象名字 to表示:列出可选择项目的select对象名字 //你可以根据你的具体情况修改
    {
      fromList = eval('document.forms[0].' + from);
      toList = eval('document.forms[0].' + to);
      if (toList.options.length > 0 && toList.options[0].value == 'temp')
      {
        toList.options.length = 0;
      }
      var sel = false;
      for (i=0;i <fromList.options.length;i++)
      {
        var current = fromList.options[i];
        if (current.selected)
        {
          sel = true;
          if (current.value == 'temp')
          {
            alert ('你不能选择这个项目!');
            return;
          }
          txt = current.text;
          val = current.value;
          toList.options[toList.length] = new Option(txt,val);
          fromList.options[i] = null;
          i--;
        }
      }
      if (!sel) alert ('你还没有选择任何项目');
    }function getValue() //这个函数可以得到值，但是不知道怎么调用啊
    {
    alert();
    alert(document.form1.text1.value);
    var sel = document.form1.chosen;
    var temp="";
    for(i=0; i <sel.options.length; i++)
    {
    temp += sel.options[i].value;
    temp += sel.options[i].text+" ¦ ¦";
    }
    alert(temp);
    }</script><form action="index.php" name="myForm" method="post" onsubmit="alert(this.possible.value)">
      <table class="listing" border="0" cellspacing="0" cellpadding="0" width="780">
    <tr class="detailrow <?php echo ($_rc = 1 - $_rc)?>">
      <td align=left valign=center height = "80"> <?php echo "Select CommissionCharge"?>&nbsp;&nbsp; </td>
        <td> <select name="possible" size="8" align=left multiple style="width: 200px;">
          <option value="1" selected>yy </option>
          <option value="2">gz </option>
          <option value="3">sz </option>
          <option value="4">wh </option>
          <option value="5">sh </option>
        </select> </td>
        <td>&nbsp;&nbsp; <a href="javascript:copyToList('possible','chosen')">add </a>&nbsp;&nbsp; <BR /> <br />
    &nbsp;&nbsp; <a href="javascript: copyToList('chosen','possible')">delete </a>&nbsp;&nbsp; </td>
        <td> <select name="chosen" size="8" align=left multiple style="width: 200px;">
          <option value="temp"> </option>
        </select> </td>
      </tr>
     
        <tr>
                <td align=left>
                    <table border=0 cellspacing=0 cellpadding=5>
                        <tr>
                            <td>
                                <!-- 在这里提交，但是type,value都不能变，为什么在onclick=...这里调用不了呢？-->
                                <input class="formbutton" type="submit" value="submit" onclick="getValue();">     
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
      </table> 
    </form>
      

  4.   

    楼主的意思估计是选select是调用那个JS完成你的功能处理，在事件调用function后面的就可以了...XX()
      

  5.   

    谢谢楼上的各位使用了koko的部分代码.和[He.d.y]Solon提供的方法,如下:
    function getValue()
    {
    alert ("aaaa");
    var sel = document.myForm.chosen;
    var temp="";
    for(i=0; i <sel.options.length; i++)
    {
    temp += sel.options[i].value;
    temp += sel.options[i].text+" | |";
    }
    alert(temp);
    return true;
    }
    <!-- 在这里提交，但是type,value都不能变，为什么在onclick=...这里调用不了呢？-->
    <input class="formbutton" type="submit" value="submit" onclick="return getValue();">
    这样就可以了..
    另: koko->不明白lz的设计为什么submit还要onclick 
    这是因为有很多东西要提交,只是这个东西提交不了,因为是通过function copyToList(from,to)这个函数来控制它的数据在左右移动,如果设置了右边得到的值为selected的话,那么如果按下DEL这个键时,它就会自动取消选中状态,那么我提交的数据就会是空的,所以写了getValue()这个函数来得到数据,所以要用click,而且submit这个属性也不能变.不知是不是我的HTML太差了:),只会用这种笨办法啦..谢谢各位;
      

  6.   

    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【bristy】截止到2008-07-10 14:17:36的历史汇总数据(不包括此帖)：
    发帖的总数量:30                       发帖的总分数:2900                     每贴平均分数:96                       
    回帖的总数量:34                       得分贴总数量:4                        回帖的得分率:11%                      
    结贴的总数量:19                       结贴的总分数:1800                     
    无满意结贴数:0                        无满意结贴分:0                        
    未结的帖子数:11                       未结的总分数:1100                     
    结贴的百分比:63.33 %               结分的百分比:62.07 %                  
    无满意结贴率:0.00  %               无满意结分率:0.00  %                  
    楼主加油