jquery无刷新添加和删除input输入框 增加减少input框
XML/HTML Code
- <a href="#" id="AddMoreFileBox" class="btn btn-info">添加更多的input输入框</a></span></p>
- <div id="InputsWrapper">
- <div><input type="text" name="mytext[]" id="field_1" value="Text 1"/><a href="#" class="removeclass">×</a></div>
- </div>
JavaScript Code
- <script>
- $(document).ready(function() {
- var MaxInputs = 8; //maximum input boxes allowed
- var InputsWrapper = $("#InputsWrapper"); //Input boxes wrapper ID
- var AddButton = $("#AddMoreFileBox"); //Add button ID
- var x = InputsWrapper.length; //initlal text box count
- var FieldCount=1; //to keep track of text box added
- $(AddButton).click(function (e) //on add input button click
- {
- if(x <= MaxInputs) //max input box allowed
- {
- FieldCount++; //text box added increment
- //add input box
- $(InputsWrapper).append('<div><input type="text" name="mytext[]" id="field_'+ FieldCount +'" value="Text '+ FieldCount +'"/><a href="#" class="removeclass">×</a></div>');
- x++; //text box increment
- }
- return false;
- });
- $("body").on("click",".removeclass", function(e){ //user click on remove text
- if( x > 1 ) {
- $(this).parent('div').remove(); //remove text box
- x--; //decrement textbox
- }
- return false;
- })
- });
- </script>
相关推荐
主要介绍了jQuery实现动态添加、删除按钮及input输入框的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
jquery输入框提示插件input输入框文字下拉提示添加标签代码
js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取
jQuery无刷新实时修改输入框中的文本并保存,可以把input数据在不经过数据读取的情况下及时修改,增强用户体验,确认修改后再上传数据库。 这种功能估计大家以前都见到过的,特别是在一些用户体验比较好的CMS系统...
在本篇文章里小编给大家整理的是一篇关于jQuery/JS监听input输入框值变化实例内容,需要的朋友们学习下。
jQuery+css3实现的input输入框粒子动画特效源码.zip
点击input输入框弹出选择层(基于jquery) 网页特效,网页模板,导航菜单,焦点幻灯片,JS代码
jquery表单input输入框动画提示效果代码
input输入框获取js点击文字内容是一款js输入框特效,无jquery,只需点击div,input输入框会自动获取输入的内容。
主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下
jquery插件maskedinput实现掩码文本输入框(masked input效果).zip
jquery实现input搜索输入关键词后自动筛选相关信息效果
这是一款基于vue2.0的input输入框文字特效。该input输入框特效在输入框聚焦时,为输入框添加多种动画效果,极大提高交互效果。
input输入框获取js点击文字内容无jquery.zip
jquery.samask-masker是一款input限制输入格式jQuery插件。该jquery插件可以在用户往输入框输入内容时,限制输入内容的格式,例如电话号码格式,日期格式,货币格式和ip地址格式等等。
NULL 博文链接:https://ysy-0913.iteye.com/blog/832438
js输入框特效,无jquery 只需点击div,input输入框会自动获取输入的内容 使用方法: 1、将html内容复制到你需要的地方 2、在html底部紧跟着复制js代码即可