用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

选择框的操作(获取option值、加入option到选择框中)

2012-12-02 作者: 程序猿style举报

[javascript]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
  <title>选择框应用</title>
  <Script>
    function createOptions(){
		sel1 = document.form1.select1;
		sel2 = document.form1.select2;
		var num = sel1.selectedIndex; //获取选中项的编号
		var option = new Option(sel1.options[num].text);//建立option
		var item = sel2.options.length;
		sel2.options[item] = option;  //加入option到选择框中
		}
  </Script>
  <form name="form1">
  <select name="select1" size="10">
      <option>可选择项目
    <option>---------------
    <option value="banana">香蕉
    <option value="grape">葡萄
    <option value="apple">苹果
    <option value="pear">梨子
  </select>
  <input type="button" value="-->" onClick="createOptions()">
  <select name="select2" size="10">
      <option>选择项目
    <option>---------------
  </select>
</form>
  </head>

  <body>
</body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...