点击增加输入框

朱雀 2021-09-10 06:58 458阅读 0赞

js:

function insertTag(num)\{  
 var address=document.getElementById("tag");  
 var i=address.childNodes.length;  
 if(i>num)\{  
  alert('最多可以输入4个标签！');  
  return;  
 \}  
 var addressOld = document.getElementById("tagTemplate");  
 var addressNew=document.createElement("div");  
 addressNew=addressOld.cloneNode(true);  
 addressNew.style.display="inline";  
 addressNew.id="tag" + i;  
 address.appendChild(addressNew);  
\}

页面：

<\#assign i=0>  
  <\#list video?if\_exists.tagList?if\_exists as tgl>  
  <\#assign i = i + 1>  
  <tr>  
   <td>  
    标签：<input type="text" id="tags" name="videoVO.tags" value="$\{tgl.name\}"/>  
   </td>  
  </tr>  
  </\#list>  
  <\#assign sum = 4>  
  <\#assign sum = sum - i>  
  <tr>  
     
   <td>  
    <div id="tagTemplate" name="tagTemplate" style="display: none;">   
    标签：<input type="text" name="videoVO.tags"/>  
    <input type="button" value="删除" οnclick="javascript:this.parentNode.parentNode.removeChild(this.parentNode);"/>  
     <br/>  
    </div>  
    <div id="tag" name="tag" >  
     <div><a href="javascript:insertTag($\{sum\});" >增加一个标签</a></div>  
    </div>  
   </td>  
  </tr>

发表评论取消回复

表情：

评论列表（有 0 条评论，458人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui标签输入框添加禁止点击标志

需求：在某些条件下不允许条件输入，输入元素变灰，并且出现禁止标志解决：标签 class上面添加 `layui-btn-disabled` 再添加`disable

雨点打透心脏的1/2处/ 2022年12月27日 08:41/ 0 赞/ 127 阅读

相关 Selenium自动化-清空输入框、输入内容、点击按钮

1.输入内容 send\_keys('valve')：输入内容valve 定位输入框 input_box = browser.find_element

女爷i/ 2022年10月19日 00:58/ 0 赞/ 759 阅读

相关输入框默认文字点击消失

使用javascript完成：代码： <script language="javascript" type="text/javascript">

港控/mmm°/ 2022年08月13日 15:56/ 0 赞/ 245 阅读

相关点击textField输入框没有响应的问题!

在UI开发过程中,我们经常会遇到这样的问题,当我们点击textField输入框时,没有任何反应,在学习的过程中,总结了一下几点关于textField没有响应的问题,有以下几点原

左手的ㄟ右手/ 2022年08月11日 06:58/ 0 赞/ 220 阅读

相关 swing 点击输入框去除文字

给文本框设置鼠标单击监听，再进行清空文本操作 import java.awt.event.MouseAdapter; import java.awt.event.Mo

我就是我/ 2022年06月15日 10:22/ 0 赞/ 266 阅读

相关常见输入框的验证及点击清空输入框

效果图 ![在这里插入图片描述][20190425193835157.png] input框内输入内容后显示删除图标，并实现点击图标清空input内容 ![在这里

青旅半醒/ 2022年02月14日 04:53/ 0 赞/ 608 阅读

相关 input输入框点击回车切换到下一个输入框功能

直接上代码： HTML： <form class="layui-form" action="../in" id="form" method="post" name=

逃离我推掉我的手/ 2022年02月01日 23:34/ 0 赞/ 988 阅读

相关 js输入框输入点击按钮添加表单元素

添加表单元素 html <div id="form"> 请输入姓名: <input type="text" id="name"> <br>

绝地灬酷狼/ 2022年01月28日 00:25/ 0 赞/ 574 阅读

相关 ios 点击输入框外回收虚拟键盘

// Pass the touches to the superview \pragma mark EAGLView - Touch Delegate \- (void)

素颜马尾好姑娘i/ 2021年12月01日 12:20/ 0 赞/ 304 阅读

相关点击增加输入框

js: function insertTag(num)\{ var address=document.getElementById("tag"); var i=a

朱雀/ 2021年09月10日 06:58/ 0 赞/ 459 阅读