jquery 如何实现动态添加,在两个不同的DIV中实现同时添加一个文本框

jquery 如何实现动态添加,在两个不同的DIV中实现同时添加一个文本框,第1张

<style>

.line div {display:inline-block}

</style>

<button id=btn type=button>按钮</button>

<div id=res></div>

<script>

$(function(){

   $("#btn").one("click",function(){

      $("#res").append("<div id=tab></div>")

      var btn1=$("<button type=button>添加</button>")

      btn1.click(addline)

      $("#res").append(btn1)

      var btn2=$("<button type=button>减少</button>")

      btn2.click(delline)

      $("#res").append(btn2)

      addline()

      function addline(){

         var n=$(".line").size()+1

         $("#tab").append("<div class=line><div>事件"+n+"<input type=text value=''/></div> <div>备注"+n+"<input type=text value=''/></div></div>")

      }

      function delline(){

         $("#tab .line:last").remove()

      }

   })

})

</script>

解决如下:

1、给对应的field加入formatter数据,然后方法里面可以一个input html

2、我不知道你说的是不是一整行能够进行编辑的;如果是,就给field设置editor:'text',就能够加入你想要的input框。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11932685.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存