基于Jquery的动态添加控件并取值的实现代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Jquery动态控件</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var i = 2;
$('#addText').click(function() {
if (i < 9) {
$('#main').append('<div><input type="text" name="text" + i + ""/>
<a href="#" class="del-text">del</a></div>');
i++;
} else {
alert("最多只能添加8个");
}
});
$('.del-text').live('click',function(){
$(this).parent().remove();
i--;
});
});
</script>
</head>
<body>
<div id="main">
<div>
<input type="text" name="text1" />
</div>
</div>
<a id="addText" href="#">添加文本框</a>
</body>
</html>
先把前台的整理出来,项目临时有需求,先去忙了,稍后发后台取值的方法...
相关推荐
-
基于Jquery的动态添加控件并取值的实现代码
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Jquery动态控件</title> <script src="jquery-1.4.2.js" type="text/javascript"></script> <script ty
-
Angularjs 实现动态添加控件功能
实现下面这样的需求: 点击增加一块数据盘,会出现数据盘选项. (1)最开始,想到原生JavaScript,jQuery (appendChild()等方法结合AngularJS来添加新的元素.但是突然发现控件里面的数据绑定,原生javascript没法控制. (2)上网查资料,找到$compile服务,动态改变html内容.本以为这可以解决我的需求,但是仔细研究发现$compile是这样的东西. 用$compile服务创建一个directive 'compile',这个complie会将传入的h
-
jQuery操作复选框(CheckBox)的取值赋值实现代码
1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项: $('input:checkbox').each(function() { if ($(this).attr('c
-
基于jQuery的日期选择控件
但是也有些问题,第一画日历有点慢,第二兼容性不太好IE Only,第三它不是基于jQuery的哈哈. 那还是老规矩,做之前先看下效果 这下是更酷的Ext风格了. 从上图我们可以看出这个控件其实有两个视图一个日期月视图,还有一个是年月选择视图. 1:还是先从HTML入手 日期控件确定HTML其实还是比较简单,因为明摆着是列表的数据格式,当然主要是采用table了. 两个视图分别用两个Div包裹,控制div的显示隐藏即可以切换视图了.完整的HTMl结构大家可以用IEDeveloper看一下Dem
-
基于jquery实现智能提示控件intellSeach.js
一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入"李",系统自然会提示一些姓李的员工,这样方便用户使用.说白了,就是用户边输入,系统会提示相关的结果:或者,当用户点击搜索框时,就推荐一些内容,如360.百度都会提示今天的主要新闻或搜索量大的内容. jquery 已经有一个这样的插件了,叫 autocomplete, 但我觉得不好用.关于autocomplete的介绍也很多,有兴趣的朋友
-
ASP.NET动态添加控件一例
第一次单击页面中有3个Label,第二次单击有6个,第三次单击有9个,也就是每次单击要在上次的状态下再添加3个. 我的方法是,可以通过Session来保存上次的状态,一种解法如下: Test.aspx关键代码: 复制代码 代码如下: <form id="form1" runat="server"> <asp:DropDownList ID="DropDownList1" runat="server">
-
基于jquery的让页面控件不可用的实现代码
应用背景 当用户需要某项功能时要填写一些表单信息,在填写完成并提交后,该部分信息是不允许再次修改的.表单包含TextBox.DropDownList.CheckBox等控件. 需求实现 第一种方案,绑定用户填写的数据时,设置控件的Enable属性为False.如果页面的表单数较少时可采用这样的方法,但是如果在表单较多的情况下则并不是更好的方法. 第二种方案,使用Foreach访问页面控件,判断类型如果是TextBox.DropDownList.CheckBox等,则设置Enable=False.
-
基于jQuery的获得各种控件Value的方法
HTML代码 复制代码 代码如下: <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem>1</asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> <asp:ListItem>4&l
-
Jquery给基本控件的取值、赋值示例
TEXTBOX: var str =$("#txt").val(); $("#txt").val(Value); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');//填充内容 LABLE: var str =$("#lbl").text(); $(
-
浅析jQuery操作select控件的取值和设值
1.级联select的操作,后一个select的值随着前一个select选中值变化 $(".select_A").change(function(){ $(".select_B").empty();// 清空后一个select var option = $("<option>").val(1).text('xxx');// 按照实际业务要求重新赋值option $(".select_B").append(optio
随机推荐
- JS中递归函数
- 详解nginx服务器http重定向到https的正确写法
- Chrome扩展页面动态绑定JS事件提示错误
- 深入理解Java中的字符串类型
- Mybatis输入输出映射及动态SQL Review
- iOS开发中Swift 指纹验证功能模块实例代码
- 分享几道你可能遇到的python面试题
- C#网页跳转方法总结
- Bootstrap一款超好用的前端框架
- JavaScript实现无刷新上传预览图片功能
- php实现12306余票查询、价格查询示例
- 微信小程序 实现拖拽事件监听实例详解
- 3个备份系统文件并邮件发送的Shell脚本分享
- MongoDB系列教程(六):java操作mongodb实例
- JavaScript实用技巧(一)
- Android开发实现广告无限循环功能示例
- 用CSS实现文字变图象特效
- C语言学生成绩管理系统课程设计
- Python中的二维数组实例(list与numpy.array)
- pygame游戏之旅 计算游戏中躲过的障碍数量