`

dojo 动态创建下拉菜单和输入框

    博客分类:
  • web
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
   <head>
      <style type="text/css">
         body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
      </style>
      <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
      <script>
         dojo.require("dijit.form.Select");
         dojo.require("dijit.form.TextBox");
         dojo.ready(function() {
         add(dojo.byId("x"));
         });
         
         var num=1;
         function add(sDiv){
         var s = new dijit.form.Select({
                 name: 'select'+num++,
                 options: [{
                     label: 'TN',
                     value: 'Tennessee'
                 },
                 {
                     label: 'VA',
                     value: 'Virginia',
                     selected: true
                 },
                 {
                     label: 'WA',
                     value: 'Washington'
                 },
                 {
                     label: 'FL',
                     value: 'Florida'
                 },
                 {
                     label: 'CA',
                     value: 'California'
                 }]
             });
         s.placeAt(sDiv);
         var b = dijit.form.TextBox();
         b.placeAt(sDiv);
         }
         
         function newOne(){
         var y = document.createElement("div");
         y.setAttribute("id", "x" + num);
         x.appendChild(y);
         add(y);
         }
      </script>
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
   </head>
   <body class=" claro ">
      <div id="x" />
      <button onclick="newOne()">add</button>
   </body>
</html>

 

分享到:
评论

相关推荐

    DOJO 下拉菜单(带刷新和获取隐藏值方法).js

    DOJO 下拉菜单(带刷新和获取隐藏值方法).js

    dojo的二级下拉菜单demo

    二级下拉菜单DEMO,我博客分享要用

    struts2的动态多级联下拉菜单

    struts2的动态多级联下拉菜单,使用struts2底层结合dojo

    dojo动态tree

    dojo动态tree - dojo树 dojo动态tree - dojo树 dojo动态tree - dojo树

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    DOJO 学习笔记 dojo

    Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo.string & dojo.lang) 9 五、 Dojo学习笔记(5. dojo.lang.array & dojo.lang.func & dojo.string.extras) 13 六、 Dojo学习笔记(6. dojo.io.IO & dojo.io....

    dojo 学习笔记 表单 树形列表

    和前一个树形菜单 大多数例子是基于 PHP 的 发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点版本,比如 ...

    dojo文档 dojo文档 dojo文档

    dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档

    基于dojo的动态树

    dojo的完整例子,基于dojo的动态树,包含源代码和运行实例 包含数据库文件

    dojo js dojo js

    dojo js dojo js dojo js dojo js dojo js dojo js dojo js

    精通Dojo by Dojo之父

    Dojo是一个非常强大的、面向对象的、开源的JavaScript工具箱,它为开发富客户端Ajax应用提供了一套完整的小部件和一些特效操作。曾经有人这样说:“对于一个Web开发者而言,如果没有Dojo,他将是一个“残废”的...

    ajax最好的框架之一:dojo包

    ajax中最好的框架之一,非常好用。这交上传的是1.1版本。效果不错。比较稳定。

    DOJO中文手册【出自dojo中国】

    Dojo让你更容易 使web页面具有动态能力,或在任何稳健的支持javascript语言的环境中发挥作用。 a、利用dojo提供的组件,你可以提升你的web应用程序可用性、交互能力以及功能上的提高; b、你也可以 更容易的建立...

    dojo精品中文教程(包一)

    Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...

    dojo精品中文教程(全)

    Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...

    dojo精品中文教程(包二)

    Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习...

    Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库

    dojo.js.核心jsDojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库

    javascript dojo

    学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源...

    introduction to dojo toolkit(SUN)

    来自SUN公司对dojo的介绍.有很多demo.PDF格式 作者:sang shin

    dojo中文文档-dojo手册

    dojo中文文档下载。dojo中文文档下载。

Global site tag (gtag.js) - Google Analytics