<table id="voteitem">
                <tr>
                    <td>选项1:</td>
                    <td>
                          <input name="VoteOptions" class="required" type="text"  alt="请输入投票选项" value="@ViewBag.VoteOptions"/>
                    </td>
                </tr>
            </table>

<script type="text/javascript" language="javascript">
        function add_input_file(tbfile, index) {
            file_name = "VoteOptions" + index;
            var tr_file = document.createElement("tr");
            var td_file = document.createElement("td");
            var td_file1 = document.createElement("td");
            td_file1.setAttribute
            var text = document.createElement("span");
            text.setAttribute("innerText", "选项" + index);
            td_file1.appendChild(text);

var input_file = document.createElement("input")
            input_file.setAttribute("type", "text")
            input_file.setAttribute("class","required");
            input_file.setAttribute("name", file_name)

td_file.appendChild(input_file)

tr_file.appendChild(td_file1);
            tr_file.appendChild(td_file)
            tbfile.appendChild(tr_file)
        }
        function add_one_file() {
            var tb_file = document.getElementById("upload_file");
            var count_file = document.getElementById("upload_file").childNodes.length;

add_input_file(tb_file, count_file);
        }

var i = 1;
        function AddItem() {
            i++;
            if (i > 15) {
                alert("最大只允许15个选项!");
                return;
            }
            var htmldata = "<tr><td>选项" + i + ":</td><td> <input class='required' name='VoteOptions" + i + "' type='text' ></td></tr>";
            jQuery("#voteitem").append(htmldata);
        }
        function ResetItem() {
            i = 1;
            var obj = document.getElementById("voteitem");
            obj.innerHTML = "<tr><td>选项1:</td><td> <input class='required'  type='text'></td></tr>";
        }

</script>

转载于:https://www.cnblogs.com/weidehao555/p/3262587.html

动态添加html示例相关推荐

  1. SkeyeWebPlayer免费网页RTSP/RTMP/FLV/HLS/H265/M3U8直播点播播放器-页面动态多播放器添加代码示例

    强大的网页直播/点播播放器 SkeyeWebPlayer,使用简单,功能强大, 终身免费使用,支持Windows. Android.iOS平台. SkeyeWebPlayer.js H5播放器是由成都 ...

  2. html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...

    本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号 捆包号 品名 规格 材质 重量 业务需求是,从后台获取到订单 ...

  3. php表格tr,jQuery+ajax实现动态添加表格tr td功能示例

    本文实例讲述了jQuery+ajax实现动态添加表格tr td功能.分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: ajax部分: va ...

  4. vue 实现数据滚动显示_vue实现动态添加数据滚动条自动滚动到底部的示例代码...

    在使用vue实现聊天页面的时候,聊天数据动态加到页面中,需要实现滚动条也自动滚动到底部.这时我找到网上有个插件 vue-chat-scroll 但是安装后发现是用不了的,报错信息如下: VM14383 ...

  5. 使用js对select动态添加和删除OPTION示例代码

    动态删除select中的所有options.某一项option以及动态添加select中的项option,在IE和FireFox都能测试成功,感兴趣的朋友可以参考下,希望对大家有所帮助 <sel ...

  6. js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例

    本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...

  7. html5 作业调度,Net作业调度(五)—quartz.net动态添加job设计

    介绍 在实际项目使用中quartz.net中,都希望有一个管理界面可以动态添加job,而避免每次都要上线发布. 也看到有园子的同学问过.这里就介绍下实现动态添加job的几种方式, 也是二次开发的核心模 ...

  8. android 动态添加元素,动态添加项目到Android中的NavigationView

    Hexise.. 13 假设您有两个组,group1和group2.如果要将项目动态添加到group1,则可以为group2分配优先级,使其始终低于group1.然后,当您向group1添加新项目时, ...

  9. xcode 学习笔记2:动态添加view

    xcode 学习笔记2:动态添加view 2011-07-06 16:48:39|  分类: 计算机学习|字号 订阅 前面说的都是用的Interface Builder来编辑.xib文件来给窗口添加各 ...

  10. 后盾网lavarel视频项目---vue实现动态添加和删除板块

    后盾网lavarel视频项目---vue实现动态添加和删除板块 一.总结 一句话总结: 原理就是:列表时根据vue中的videos变量中的元素来遍历的,初始时videos:[{title:'',pat ...

最新文章

  1. 文件系统类型是ntfs无法确定卷版本和状态_硬盘写到一半时断电,文件系统里会发什么?...
  2. android socket 简易聊天室 java服务器_利用Socket制作一个简易的Android聊天室
  3. Python PIL反色混合
  4. 2014 Super Training #7 F Power of Fibonacci --数学+逆元+快速幂
  5. java 微信转账_实现微信转账功能
  6. 小眼睛有多惨?美颜都懒得救你......
  7. [react] 在React中怎么使用async/await?
  8. go 判断元素是否在slice_golang 判断 两个slice 是否相等
  9. 自然语言处理工具HanLP被收录中国大数据产业发展的创新技术新书《数据之翼》...
  10. 洛谷——P1014 [NOIP1999 普及组] Cantor 表
  11. 使用遇到的问题_喷淋塔使用过程中遇到的问题以及解决方法
  12. 7-28 猴子选大王(20 分)
  13. ODT(old driver tree)详解(带例题)
  14. CBS,PCBS,ECBS,EPCBS
  15. 《人工智能——从小白到大神》,张亚勤院士与百度陈尚义理事长联袂推荐
  16. STM32学习笔记--DAC
  17. 一个北漂程序员的租房经历,黑中介无底线的坑,今晚要流落街头了,在线求解决方法!
  18. 程序员该该怎么样转型 5G 开发呢?
  19. 货币兑换问题--动态规划策略求解
  20. 了解一下Roguelike游戏和Roguelite游戏

热门文章

  1. UITableView+UITableViewStyleGrouped 处理section之间间隙
  2. cocos2d-x之物理世界(创建物理世界)
  3. Python开发Http代理服务器 - socketref,再见!高德 - C++博客
  4. .NET的垃圾回收机制引发的问题
  5. springsecurity3的验证过程
  6. BZOJ3309 DZY Loves Math
  7. netstat 查看网络连接、路由表、接口状态、端口信息
  8. java入门简单小项目_JAVA入门_java项目接入Mysql8.0
  9. 计算机应用与维修的视频,开关电源原理与维修视频全集(1-30集)
  10. linux服务器上svn的log_Linux 下 SVN 常用操作命令详解