`
huxiuliang
  • 浏览: 117202 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

动态给select添加选项的常用方法

阅读更多
  1. <html>  
  2. <head>  
  3. <script>  
  4.   
  5.   
  6.  var city = new  Array();  
  7.  city[0 ]= "西安" ;  
  8.  city[1 ]= "乌鲁木齐" ;  
  9.  city[2 ]= "西宁" ;  
  10.  city[3 ]= "北京" ;  
  11.  function objectF()  
  12.  {  
  13.  
  14.   //object方式添加
  15.   var s = document.getElementById("object" );  
  16.   for (var i= 0 ;i<city.length;i++)  
  17.   {  
  18.    var option = new  Option(city[i],i);  
  19.    s.options[i]=option;  
  20.      
  21.   }  
  22.  }  
  23.  function domF()  
  24.  { 
  25.  / / 基于dom方式的添加
  26.   var s = document.getElementById("dom" );  
  27.   for  (var i= 0 ;i<city.length;i++)  
  28.   {  
  29.    var option = document.createElement("option" );  
  30.    var text = document.createTextNode(city[i]);  
  31.    option.appendChild(text);  
  32.    option.value=i;  
  33.    s.appendChild(option);  
  34.     
  35.   }  
  36.  }  
  37.  function innerF()  
  38.  {  
  39.  
  40. // 使用innerHTML添加 在ie中有时会出错
  41.   var sel = document.getElementById("inner" );  
  42.   var str = "<select >" ;  
  43.   for  (var i= 0 ;i<city.length;i++)  
  44.   {  
  45.    str = str + "<option value='" +i+ "'>" +city[i]+ "</option>"   
  46.   }  
  47.   str=str+"</select >" ;  
  48.   sel.innerHTML=str;  
  49.  }  
  50. </script>  
  51. </head>  
  52. <body>  
  53. <form>  
  54. <table>  
  55.  <tr>  
  56.   <td>  
  57.    <select  ></select >  
  58.   </td>  
  59.   <td>  
  60.    <select  ></select >  
  61.   </td>  
  62.   <td>  
  63.    <div >  
  64.     <select ></select >  
  65.    </div>  
  66.   </td>  
  67.  </tr>  
  68.  <tr>  
  69.   <td><input type="button"  value= "dom"  ></td>  
  70.   <td><input type="button"  value= "object"  ></td>  
  71.   <td><input type="button"  value= "inner"  ></td>  
  72.  </tr>  
  73. </table>  
  74. </body>  
  75.   
  76. </html> 
分享到:
评论

相关推荐

    HTML5&CSS3网页制作:select元素.pptx

    &lt;select&gt;和&lt;/select&gt;标记用于在表单中添加一个下拉菜单 和用于定义下拉菜单中的具体选项 每对&lt;select&gt;和&lt;/select&gt;中至少应包含一对和。 说明 标记名 常用属性 描述 &lt;select&gt; size 指定下拉菜单的可见选项数(取值为...

    用javascript实现select的美化的方法

    // 将选项添加到假的 Select 标签中 var optionDiv = document.createElement('div'); optionDiv.innerHTML = optionText; fakeSelect.appendChild(optionDiv); } // 监听假的 Select 标签的点击事件 ...

    winform中关于combobox控件使用详解

    2. 在程序初始化时动态添加:使用 ResetContent() 方法消除现有所有内容,然后使用 AddString() 方法添加新的内容。 3. 在下拉的时候添加:使用 GetCount() 方法取得目前已经有的行数,然后使用 ResetContent() 方法...

    MYSQL常用命令大全

    MySql的用户管理是通过 User表来实现的,添加新用户常用的方法有两个,一是在User表插入相应的数据行,同时设置相应的权限;二是通过GRANT命令创建具有某种权限的用户。其中GRANT的常用用法如下: grant all on mydb...

    JavaScript笔记

    |--String 对象的常用方法有: |--x.toLowerCase()、x.toUpperCase():大小写转换方法; |--x.charAt(index):返回指定位置的字符; |--x.charCodeAt(index):返回指定位置字符的Unicode编码; |--x.indexOf...

    ESM_ArcSight控制台用户指南(中文翻译版—Zephyr)_6.11.0 .pdf

    为常用资源添加快捷方式 20 修改自定义快捷方式 22 删除自定义快捷方式 24 激活新的快捷方式架构 25 共享自定义快捷方式架构 26 查看 26 查看面板 26 控制台外观 28 检查和编辑 28 检查/编辑功能和实用程序概述 28 ...

    VB程序设计及应用

    主要介绍了 VisualBasic6.0 系统的基础知识,程序设计的常用函数、程序设计语句、数组,简单介绍了面向对象程序设计的基本概念,详细介绍了基本控件、对话框、图形、菜单等设计方法,多文档界面、工具栏、状态栏的...

    C#全能速查宝典

    分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程,共包含562个C#编程中常用的属性、方法、类和各种技术,...

    MySQL命令大全

    MySql的用户管理是通过User表来实现的,添加新用户常用的方法有两个,一是在User表插入相应的数据行,同时设置相应的权限;二是通过GRANT命令创建具有某种权限的用户。其中GRANT的常用用法如下: grant all on mydb...

    arcgis工具

    21. 编辑时一些常用的快捷键 一、公共快捷键(对所有编辑工具有效): 在编辑未完成时按快捷键E切换到选择的环境中去 Z 放大 X 缩小 C 漫游 V显示节点 Ctrl+Z 撤销Ctrl+Y 重做 SpaceBar 暂停捕捉 二、编辑工具: ...

    Powerbuilder9.0实用教程源代码

    5.5.5 给脚本添加注释 164 5.5.6 粘贴窗口和对象 164 5.5.7 导入文本文件 165 5.6 运行应用程序 166 5.7 一个典型示例 166 5.7.1 新建一个工作空间和应用程序对象 167 5.7.2 创建主窗体 167 5.7.3 为应用程序...

    2009达内SQL学习笔记

    最大优点是可以包含其他 SELECT 语句,使用能够动态地建立 WHERE 子句。 如 SELECT prod_id,prod_price,prod_name FROM Products WHERE vend_id IN(‘DELL’,’RBER’,’TTSR’); 八、单行函数: 函数一般在数据...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 ...

    程序天下:JavaScript实例自学手册

    1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 ...

    SQL语法大全

    3. SQL常用命令使用方法: (1) 数据记录筛选: sql="select * from 数据表 where 字段名=字段值 order by 字段名 [desc]" sql="select * from 数据表 where 字段名 like \'%字段值%\' order by 字段名 [desc]" ...

    Access+2000中文版高级编程

    10.2.6 根据用户的输入添加新的组合框选项 271 10.3 使用本机的Access选项卡控件 273 10.3.1 本机的选项卡控件概述 273 10.3.2 创建并编辑新的选项卡控件 275 10.3.3 在选项卡控件中移动页 277 10.3.4 在...

    Access 2000中文版高级编程(part1)

    10.2.6 根据用户的输入添加新的组合框选项 271 10.3 使用本机的Access选项卡控件 273 10.3.1 本机的选项卡控件概述 273 10.3.2 创建并编辑新的选项卡控件 275 10.3.3 在选项卡控件中移动页 277 10.3.4 在选项...

    oracle学习文档 笔记 全面 深刻 详细 通俗易懂 doc word格式 清晰 连接字符串

    3. 步骤2/9:选择安装选项 勾选第一个,安装和配置数据库,点击下一步 4. 步骤3/8:选择系统类 勾选第一个:桌面类,点击下一步 5. 步骤4/8:配置数据库安装 选择安装路径,选择数据库版本(企业版),选择字符...

    Visual Basic 2010入门经典.part1.rar

    3.3.2 理解方法的动态性 61 3.4 创建简单的对象示例项目 62 3.4.1 为绘图项目创建界面 62 3.4.2 编写基于对象的代码 62 3.4.3 测试对象示例项目 65 3.5 理解集合 65 3.6 使用对象浏览器 67 3.7 总结 68 3.8...

    Visual Basic 2010入门经典.part2.rar

    3.3.2 理解方法的动态性 61 3.4 创建简单的对象示例项目 62 3.4.1 为绘图项目创建界面 62 3.4.2 编写基于对象的代码 62 3.4.3 测试对象示例项目 65 3.5 理解集合 65 3.6 使用对象浏览器 67 3.7 总结 68 3.8...

Global site tag (gtag.js) - Google Analytics