关于jsp列表框的探究

最新推荐文章于 2021-02-13 11:14:35 发布

trustnature

最新推荐文章于 2021-02-13 11:14:35 发布

阅读量1.1k

点赞数

分类专栏： jsp 文章标签： jsp javascript function input

jsp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

例子如下，此例中JavaScript代码必须放在form后面，否则不能添加选项；

如果准备将JavaScript代码放在任意位置，则应把添加选项的代码放在一个函数function中；

<html>
<head>
    <title>创建下拉列表框 </title>
</head>
<body>
    <form name="myForm" >
   你的爱好是什么？<br />
   <select name="like">
     <option>游泳</option>
   </select>
   <input type="reset" value="重置" />
</form>

<script language="javascript" type="text/javascript">

   var option1=new Option("看书","看书");
   var option2=new Option("上网","上网",true);
   var option3=new Option("看电视","看电视");
   var option4=new Option("下棋","下棋");
   var option5=new Option("钓鱼","钓鱼",false,true);
   var option6=new Option("打牌","打牌");
   
   document.myForm.like.options[0]=option1;
   document.myForm.like.options[1]=option2;
   document.myForm.like.options[2]=option3;
   document.myForm.like.options[3]=option4;
   document.myForm.like.options[4]=option5;
   document.myForm.like.options[5]=option6;
   document.myForm.like.options[6]=new Option("发呆","发呆");

</script>

</body>
</html>

还有一种动态创建的方法

var t=0;
var cspname;
var element;
var iselect;
iselect = -1;
cspname = "";
for(t=0;t<cspnum;t++)
{
    cspname = info.GetCsp(t);
    element = document.createElement("OPTION");
    element.text = cspname;
    document.myForm.like.add(element);
}
 iselect = -1;
 document.myForm.like.selectedIndex = iselect+1;