JavaScript网页以供参考(二)

来源:互联网 发布:阿里云eip 编辑:程序博客网 时间:2024/04/29 15:20

<HTML><HEAD><TITLE>孙一飞的作业</TITLE></HEAD>

<SCRIPT language=JavaScript>
function GetObjID(ObjName)
{
  for (var ObjID=0; ObjID < form1.elements.length; ObjID++)
    if ( form1.elements[ObjID].name == ObjName )
    {  return(ObjID);
       break;
    }
  return(-1);
}

function  AddtoDotlike(SourceSelect,TargetSelect,CatName)
{
  ObjID    = GetObjID(SourceSelect);
  DesObjID = GetObjID(TargetSelect);
  Sourcelength = document.form1.elements[ObjID].options.length;
  if (Sourcelength==0)
    return;
 
 
  var  CatObjID = 0;
  if ( ObjID != -1 && DesObjID != -1 && CatObjID != -1 )//三个参数都正确
  {
 
   
      CatValue = "";
    Sourcelength = document.form1.elements[ObjID].options.length;
    Targetlength = document.form1.elements[DesObjID].options.length;
    for (h=0; h<Sourcelength; h++)
    {
    if (document.form1.elements[ObjID].options[h].selected )
      {  Code = document.form1.elements[ObjID].options[h].value;
         Text = document.form1.elements[ObjID].options[h].text;
   document.form1.elements[DesObjID].options[Targetlength] = new Option(Text, Code);
   Targetlength=Targetlength+1;
 
       }//if
    }//add for
   
    for(h=0;h<Sourcelength;h++)
    {
   
     if (document.form1.elements[ObjID].options[h].selected )
     {
      
      if(h<Sourcelength)
       {
    document.form1.elements[ObjID].options[h]=null;//document.form1.elements[ObjID].options[h+1];
    
    }
   h=h-1;
  
    Sourcelength=Sourcelength-1;
  
   }
    }//delete for
   
   
   
  }//if
}
</SCRIPT>
<form name = form1>
<table name=table1 border=0 align=center cellSpacing=0 cellpadding=3 width=560>
<tr><TD align=center valign=top width=60><b>喜欢的小说</b></TD>
<TD ALIGN="CENTER" width=25%></td>
<TD align=center valign=top width=60><b>不喜欢的小说</b></TD></tr>

         <tr>   <TD width=40% align=right>
              <SELECT NAME=favorite style="width:250" size=9 MULTIPLE>
<option selected value="0">忏悔录</option>
<OPTION VALUE=1>茶花女</OPTION><OPTION VALUE=2>草叶集</OPTION>
<OPTION VALUE=3>博物志</OPTION>
<OPTION VALUE=4>波斯古经</OPTION>
<OPTION VALUE=5>巴黎圣母院</OPTION>
<OPTION VALUE=6>奥列佛.特维斯特</OPTION>
<OPTION VALUE=7>傲慢与偏见</OPTION>
<OPTION VALUE=8>安蒂亚娜</OPTION>
<OPTION VALUE=9>奥狄浦斯王</OPTION>
<OPTION VALUE=10>伯罗奔尼撒战争史</OPTION>
<OPTION VALUE=11>爱尔那尼</OPTION>
<OPTION VALUE=12>aaa</OPTION>             
</SELECT>

            </TD>
<TD ALIGN="CENTER" width=25%>
              <INPUT TYPE="BUTTON" NAME="" VALUE="不喜欢>>" OnClick="AddtoDotlike('favorite','dislike','')">
              <BR>
              <INPUT TYPE="BUTTON" NAME="" VALUE="<<喜欢" OnClick="AddtoDotlike('dislike','favorite','')">
            </TD>
<TD width=40%>
              <SELECT NAME="dislike" style="width:250" size=9 MULTIPLE>
                        </SELECT>

            </TD>
 </tr>

</TABLE>
</form>
</BODY>
</HTML>

原创粉丝点击