jquery删除添加输入文本框

效果体验:
http://hovertree.com/texiao/jquery/67/
效果图:
jquery删除添加输入文本框
参考:
http://hovertree.com/h/bjaf/traversing_each.htm
代码如下:

<!DOCTYPE html>
<html>
<head>
<title>jquery删除添加输入文本框-何问起</title><base target="_blank" />
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/jquery/67/css/tip.css" />
<style>.hovertreeinfo{clear:both;text-align:center;}.hovertreeinfo a{color:blue}.hovertreebd{display:inline-block;width:336px;height:280px;}</style>
</head>

<body>

<div class="site">
<div class="title">标签:</div>
<div class="tip">
<div class="tip-container"><span class="jia"></span>添加标签</div>
</div>
</div>
<div class="hovertreeinfo">
<input type="button" value="获取全部值" id="hovertreeall" />
<br />

<span id="hovertreeresult"></span>

<br />
<a href="http://hovertree.com/h/bjaf/1ufcp77c.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a>

</div>
<script type="text/javascript" src="http://down.hovertree.com/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/jquery/67/js/tip.js"></script>
<script>
$("#hovertreeall").on("click", function () {
$("#hovertreeresult").html("<br />");
$(":input.house-tip").each(
function () {
// alert($(this).val());
$("#hovertreeresult").append($(this).val()+"<br />");
}
)
})
</script>
</body>
</html>

转自:http://hovertree.com/h/bjaf/1ufcp77c.htm

特效库:http://www.cnblogs.com/roucheng/p/texiao.html

更多相关文章
  • 动态添加一个文本框并带有删除按钮:在实际操作中可能需要动态的创建和删除一个元素,比较常见的就是动态的添加一个文本框和一个删除按钮,点击删除按钮可以删除相应的文本框,下面就结合一个实例详细介绍一下如何实现此效果.代码实例如下: ]; var oli=document.createElement(&qu ...
  • jQuery实现点击文本框清除内容代码实例:本章节介绍一下文本框最简单的一个人性化措施,就是点击文本框的时候能够删除里面的提示文本.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
  • jQuery实现的输入文本计数功能代码:在一些比较人性化的留言回复功能中,都有这样的设计,那就是当输入文本的时候,能够实现计数功能,可以提示用户还能能够输入多少文字,这样可以便于用户选择更合适的语言描述,下面就是一段能够实现此功能的代码,需要的朋友可以进行一下借鉴.代码如下: )) } else{ ...
  • 该方法取自百度知道,该朋友给出函数,我详细写一下方法. 打开有文本框的excel文件. 按 Alt+F11 打开编辑器. 将下面的函数复制进去: Sub deltxbox()Dim s As ShapeFor Each s In ActiveSheet.ShapesIf s.Type = msoTe ...
  • 该方法取自百度知道,该朋友给出函数,我详细写一下方法. 打开有文本框的excel文件. 按 Alt+F11 打开编辑器. 将下面的函数复制进去: Sub deltxbox()Dim s As ShapeFor Each s In ActiveSheet.ShapesIf s.Type = msoTe ...
  • 点我查看InputLimitor在线演示使用说明需要使用jQuery库文件和InputLimitor库文件http://jquery.com/http://plugins.jquery.com/project/inputlimitor同时可自定义显示提示框的CSS样式使用实例一,包含文件部分< ...
  • <input name="dds" id="dds" value="" type="text" /> //需要事先加载jquery.js
  • 先上代码:jQuery.beDropdownlist.js (function ($) {//jquery插件编写中,不能假设$是有效的,因此,使用这种包装函数,使得在下面的代码中可以继续写$,对于这个函数的分析,可以具体看下面的分析.    $.fn.beDropdownlist = functi ...
一周排行
  • 2012年10月24日 6 来源:南都网 作者:王骞26岁的上海女孩杨磊,3年前创办上海伙伴聚家养老服务社(简称"伙伴聚家").这是一家为居家老人提供上门服务的民办非营利机构,它面对的是一 ...
  • ASP.NET系列:单元测试之ConfigurationManager
    通过ConfigurationManager使用.NET配置文件时,可以通过添加配置文件进 ...
  • 设置普通用户也有共享权限|runas提升普通用户权限.上网的机器,把用户限制在了users组里.但是很多时候又要开放共享文件夹,而users组用户不具备这个权限.注销当前用户再用管理用户登录去设置是可行,但是毕竟太麻 ...
  • 题目链接:http://codeforces.com/problemset/problem/450/B 题意很好懂,矩阵快速幂模版题. 1 /* 2 | 1, -1 | | fn | 3 | 1, 0 | | fn- ...
  • 函数名: sbrk  功  能: 改变数据段空间位置  用  法: char *sbrk(int incr);  程序例:  #include <stdio.h>  #include <alloc. ...
  •  二.提升1.说明:复制表(只复制结构,源表名:a 新表名:b) (Access可用)法一:select * into b from a where 1<>1(仅用于SQlServer)法二:select ...
  • web 2.0 其实核心特性是"平台性".即,网站运营者提供一个平台,然后让用户在这个平台上去表演.国外的用户参与意识比国内用户强很多,所以,web 2.0 的平台性在国外很成功.而且优秀的平台可 ...
  • IT行业日新月异,每年的技术和应用热点都会有所不同,导致IT培训和认证热点也不断变化.热门认证,意味着市场份额的优势,也意味着最容易得到用人单位的认可.那么,哪些IT认证是最热门的呢?日前,美国权威IT认证杂志CER ...
  • 不知道原作者是谁了,网上找到的. 1.蜘蛛:能坐享其成,靠的就是那张关系网.2.虾:大红之日,便是大悲之时.3.天平:谁多给一点,就偏向谁.4.瀑布:因居高临下,才口若悬河.5.锯子:伶牙俐齿,专做离间行为.6.气球 ...
  • 结对编程:黄金分割游戏
    结对编程有一段时间了,终于把这个软件做出来了.期间经历了各种的bug,由于对界面编程不是很 ...