百独托管7500 紫田网络超高转化播放器收cps[推荐]速盾CDN 免实名免备防屏蔽阿里云 爆款特卖9.9元封顶提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场【腾讯云】多款产品1折起高防 随时退换 好耶数据小飞国外网赚带你月入万元炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠中客数据中心 服务器租用联盟系统移动广告平台 中易企业专场腾讯云服务器2.5折九九数据 工信部正规资质
腾讯云新用户大礼包代金券高价收cpa注册量高价展示【腾讯云】2核2G/9.93起租服务器找45互联 随时退换阿里云 短信服务 验证秒达

[闲聊畅谈] 求写个在页面上文字的JS [复制链接]
查看:5190 | 回复:12

75

主题

2259

帖子

6374

积分

落伍者(三羊开泰)

大哥

Rank: 3Rank: 3

贡献
800
鲜花
25
注册时间
2004-9-21

落伍手机绑定

发表于 2018-1-23 23:43:26 | 显示全部楼层 |阅读模式 来自 中国湖南湘潭
100积分
本帖最后由 talaon 于 2018-1-23 23:49 编辑
  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>
http://www.im286.com
回复

使用道具 举报

902

主题

9405

帖子

9441

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
496
鲜花
39
注册时间
2010-9-9

QQ绑定落伍手机绑定

发表于 2018-1-23 23:43:27 | 显示全部楼层 来自 中国河南郑州
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. </div>

  7. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
  8. <script>

  9. $(".input-group-addon").on("click",function(){
  10.   var num = $(this).next().val();
  11.   var content = '<div class="num">'+num+'</div>';
  12.   $("#xxx").append(content);
  13. });
  14. </script>
复制代码

点评

这个代码对的  发表于 2018-1-24 09:23
稳定个人已用1年多出海专用 9.9/月省心
回复

使用道具 举报

902

主题

9405

帖子

9441

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
496
鲜花
39
注册时间
2010-9-9

QQ绑定落伍手机绑定

发表于 2018-1-23 23:57:31 | 显示全部楼层 来自 中国河南郑州
  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
稳定个人已用1年多出海专用 9.9/月省心
回复

使用道具 举报

75

主题

2259

帖子

6374

积分

落伍者(三羊开泰)

大哥

Rank: 3Rank: 3

贡献
800
鲜花
25
注册时间
2004-9-21

落伍手机绑定

 楼主| 发表于 2018-1-24 00:00:01 | 显示全部楼层 来自 中国湖南湘潭
本帖最后由 talaon 于 2018-1-24 00:01 编辑
秋天811 发表于 2018-1-23 23:57
点击后 会在 《div class="num"》里增加一个input


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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
http://www.im286.com
回复

使用道具 举报

1368

主题

1万

帖子

490

积分

落伍者(一心一意)

Rank: 1

贡献
2488
鲜花
194
注册时间
2009-4-19

落伍手机绑定

发表于 2018-1-24 01:25:31 | 显示全部楼层 来自 中国安徽合肥
我屮艸芔茻
回复

使用道具 举报

85

主题

4864

帖子

9655

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
5683
鲜花
28
注册时间
2005-6-1

落伍手机绑定

发表于 2018-1-24 01:53:31 | 显示全部楼层 来自 中国内蒙古

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

回复

使用道具 举报

1860

主题

2万

帖子

23万

积分

落伍者(八仙过海)

Rank: 23Rank: 23Rank: 23Rank: 23Rank: 23Rank: 23Rank: 23

贡献
1911
鲜花
36
注册时间
2008-5-31

落伍手机绑定落伍者

发表于 2018-1-24 08:55:43 | 显示全部楼层 来自 中国浙江宁波
楼主 你要 达到什么的效果呢
回复

使用道具 举报

1213

主题

1万

帖子

8847

积分

落伍者(三羊开泰)

Google Adsense

Rank: 3Rank: 3

贡献
2787
鲜花
48
注册时间
2004-6-2

落伍手机绑定

发表于 2018-1-24 09:24:03 | 显示全部楼层 来自 中国江苏常州

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

使用道具 举报

1864

主题

1万

帖子

1万

积分

落伍者(四季发财)

Rank: 4

贡献
1842
鲜花
52
注册时间
2012-8-15

QQ绑定落伍者落伍手机绑定

发表于 2018-1-24 09:24:08 | 显示全部楼层 来自 中国上海
楼主要给分了吧
回复

使用道具 举报

902

主题

9405

帖子

9441

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
496
鲜花
39
注册时间
2010-9-9

QQ绑定落伍手机绑定

发表于 2018-1-24 10:05:13 | 显示全部楼层 来自 中国河南郑州
sinob 发表于 2018-1-24 01:53
秋天
你还是没按照撸主的意思写。你再看看TA的意思。
应该是把input的内容 写入第二行,就是标示 ...



应该对了吧..

稳定个人已用1年多出海专用 9.9/月省心
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

论坛客服/商务合作/投诉举报:2171544 (QQ)
落伍者创建于2001/03/14,本站内容均为会员发表,并不代表落伍立场!
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!
落伍官方微信:2030286 邮箱:(djfsys@gmail.com|tech@im286.com)
© 2001-2014

浙公网安备 33060302000191号

浙ICP备11034705号 BBS专项电子公告通信管[2010]226号

  落伍法律顾问: ITlaw-庄毅雄

手机版|找回帐号|不能发帖?|Archiver|落伍者

GMT+8, 2024-11-1 07:43 , Processed in 0.098674 second(s), 42 queries , Gzip On.

返回顶部