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

最新推荐文章于 2021-10-22 14:53:43 发布

iteye_9601

最新推荐文章于 2021-10-22 14:53:43 发布

阅读量426

点赞数

分类专栏： web 文章标签： dojo select textbox

本文链接：https://blog.csdn.net/iteye_9601/article/details/82476967

版权

web 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!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 οnclick="newOne()">add</button>
   </body>
</html>

iteye_9601

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
dojo 动态创建下拉菜单和输入框

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;&lt;html dir="ltr"&gt; &lt;head&gt; &lt;style type="text/css"&gt;
复制链接

扫一扫

专栏目录