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 ...
一周排行
  • Mysql的高负载速度慢一直是运维人员很头疼的问题,如果你的mysql性能上有问题,或许这篇文章会对你有所帮助.一.硬件优化1.服务器的硬件选择:CPU:对于mysql来说,多CPU的并行查询支持的并不好,因为单个查 ...
  • 批量同步.批量更新,这应该是做运维的朋友们经常做的工作,rsync是linux下一款非常强大的同步工具,采用差异同步的方法,只上传文件/文件夹的不同部分,同时可以对上传部分先进行压缩,所以rsync的传输效率是很高的 ...
  • 因为微软怕反垄断,所以现在的IE8已经不与系统绑定了,所以没有桌面图标了.如果想显示出来的话.把以下代码另存为REG文件,双击导入到WINDOWS 7 注册表即可.方法:桌面新建文本文档复制一下内容,然后保存,最后将 ...
  • Android实例剖析笔记八
    上一篇文章分析了小游戏Snake的基本框架,本文将分析Android自带的另一个小游戏Lu ...
  • 最近暴露出udev权限提示的漏洞,只要有普通用户权限,即可提升到root权限,实验了一把,果真很容易提升.把下面代码保存为test.sh文件View Code SHELL#!/bin/sh# Linux 2.6# b ...
  • 因为汽车自身在体积.价格等方面特有的属性,以及其本身作为大宗商品的产品形式,所以导致了消费者在购买汽车的过程中,并不能实现便捷.完整的购车愿望,因此,从中国的电子商务出现之时,网购商品的清单中"汽车&quo ...
  • [背景]    目前正在部门内部推动运维管理,准备做个ppt进行理念推广.无论自上而下还是自下而上,整个团队必须统一认识.达成一致目标.    项目的成功有来自高层的支持固然事半功倍,但是更重要的是实际使用者对系统. ...
  • 把想要选的曲子放在C:\WINDOWS\Media——菜单——设置——控制面板——声音和音频设备——声音——程序事件“启动windows”~更换开机声音“退出windows”~更换关机声音但是歌曲一定要是wav格式的 ...
  • 本篇随笔将详细讲解RAID的原理基础以及Linux下软件RAID的配置一.RAID的原理基础在讲解RAID的原理基础之前,我们首先来了解一下传统磁盘的劣势.我们知道一台PC机种都会包含CPU.内存.主板.硬盘.网卡等 ...
  • C#WinForm国际化的简单实现
    软件行业发展到今天,国际化问题一直都占据非常重要的位置,而且应该越来越被重视.对于开发人员 ...