talaon

1.          <div class="input-group">
   
2.             <div class="input-group-addon">添加文本</div>
   
3.             <input name="num" type="text" class="form-control" style="width: 70px;"  value="">         
   
4.         </div>

复制代码

每点一下添加文本，就在当前页面上指定位置（id=xxx或class=xxx）内多出一个

<div class="num">  input 里的内容   </div>

秋天811

talaon 发表于 2018-1-24 00:00
不是要input，是要input里面输入的字符串

1. <div class="input-group">
   
2.   <div class="input-group-addon">添加文本</div>
   
3.   <input name="num" type="text" class="form-control" style="width: 70px;"  value="">      
   
4. </div>
   
5. <div id="xxx">
   
6. 
   
7. </div>
   
8. 
   
9. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
   
10. <script>
    
11. 
    
12. $(".input-group-addon").on("click",function(){
    
13.   var num = $(this).next().val();
    
14.   var content = '<div class="num">'+num+'</div>';
    
15.   $("#xxx").append(content);
    
16. });
    
17. </script>

复制代码

秋天811

1. <div class="input-group">
   
2.   <div class="input-group-addon">添加文本</div>
   
3.   <div class="num">
   
4.     <input name="num" type="text" class="form-control" style="width: 70px;"  value="">
   
5.   </div>
   
6.            
   
7. </div>
   
8. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
   
9. <script>
   
10. var inputStr = '<input name="num" type="text" class="form-control" style="width: 70px;"  value="">';
    
11. $(".input-group-addon").on("click",function(){
    
12.   $(".num").append(inputStr);
    
13. });
    
14. </script>

复制代码

点击后 会在 《div class="num"》里增加一个input

talaon

秋天811 发表于 2018-1-23 23:57
点击后 会在 《div class="num"》里增加一个input

不是要input，是要input里面输入的字符串

钱总

sinob

秋天811 发表于 2018-1-24 00:12

秋天
你还是没按照撸主的意思写。你再看看TA的意思。
应该是把input的内容 写入第二行，就是标示“添加文本”的地方。

iawsky

楼主 你要 达到什么的效果呢

sunshow

1. 
   
2. var add=document.getElementsByClassName("input-group-addon")[0];
   
3. var xxx=document.getElementById('xxx');
   
4. var input_value=document.getElementsByClassName('form-control')[0];
   
5. add.addEventListener('click',function(){
   
6.         xxx.innerHTML='<div class="num">'+input_value.value+'</div>';
   
7. },false)
   

复制代码

qq771436657

楼主要给分了吧

秋天811

sinob 发表于 2018-1-24 01:53
秋天
你还是没按照撸主的意思写。你再看看TA的意思。
应该是把input的内容 写入第二行，就是标示 ...

应该对了吧..