js动态新增组合Input标签
var x = 1;
function addlink() { var linkdiv = document.getElementById("add1_0");
if (linkdiv.attributes.currentindex.value) {
var tmp = linkdiv.attributes.currentindex.value;
x = parseInt(tmp) + 1;
}
linkdiv.setAttribute('currentindex', x);
var proid = 'proid'+ x ;
var price = 'price'+ x ; $('#proid' + (x - 1)).after('+<input type="text" style="width: 50px;" id=\"' + proid + '\" />');
$('#price' + (x - 1)).after('+<input type="text" style="width: 50px;" id=\"' + price + '\" />');
}
一个简单的演示
<p>商品ID:<input type="text" style="width: 50px;" id="proid0" />=<input type="text" id="Mixprice" style="width: 50px;" />
<input type="button" value="增加" onclick="addlink();" /></p>
<p>价 格:<input type="text" style="width: 50px;" id="price0" /></p>
效果图

js动态新增组合Input标签的更多相关文章
- 为什么JS动态生成的input标签在后台有时候没法获取到
		最近在做一个产品添加的功能,需求有点奇葩,所以在添加的时候免不了要用到动态生成控件,然后我就使用了JS去动态生成一些 checkbox类型的input标签,在以前用asp.net在后台生成的input ... 
- js动态添加和删除标签
		html代码 <h1>动态添加和删除标签</h1> <div id="addTagTest"> <table> <thead& ... 
- app混合开发 fastlick.js 在ios上 input标签点击 不灵敏 处理
		ios11 上有这个问题 而老版本的ios没有 会出现这个的原因是使用fastclick.js点击后input没有获取焦点,所以只需要在fasyclick的源码的这个位置 可以直接在源码内搜索关键字找 ... 
- 用js动态的改变img标签里面的src属性实现图片的循环切换
		JS:根据循环切换的条件可以用 document.getElementById('').src=''设置, 或者jquery方法: $('#id').attr('src','图片名称’): 具体: i ... 
- 非常漂亮js动态球型云标签特效代码
		<%@ page contentType="text/html;charset=UTF-8" language="java" import="j ... 
- 使用jquery日期选择器flatpickr.js,使用js动态创建input元素时插件失效
		最近写页面时需要用到,日期选择器,网上搜索了一些插件,最后使用了flatpickr.js.我是从npm 上拉下的依赖 npm install flatpickr --save 随后在页面中引入css ... 
- js动态改变css伪类样式
		首先我们来看下页面上需要实现的基本效果,如下图所示: 因此我们可以使用如下js代码来试试看,是否能使用js改变伪类?如下代码所示: $(function() { $('.listnav li').cl ... 
- 使用CSS3中的input标签与lable标签组合实现banner图的切换
		在做网页时,我们经常可以碰到banner图的切换.对于那些JS薄弱的同学来说,这就很尴尬了.今天,我来告诉大家如何使用CSS做出banner图切换的效果. 这里,用到了lable标签与input的组合 ... 
- html5中form表单新增属性以及改良的input标签元素的种类
		在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!D ... 
随机推荐
- Jquery创建JSON对象
			<html> <body> <h2>通过 JSON 字符串来创建对象</h3> <p> First Name: <span id=&q ... 
- Nginx源码研究七:nginx的location指令分析
			在nginx的配置文件nginx.conf中,我们在配置server的时候,会配置一下location指令,这个location指令是提供给用户来配置对于符合指令的http请求,采用该指令内部的处理方 ... 
- PHP图的绘制1
			最近在学习php图的绘制,写的代码放上来,供自己以后学习查看: <?php //*函数说明: //这个函数返回的是 // resource imagecreate ( int $x_size , ... 
- select查询的性能
			为什么忘记commit也会造成select查询的性能问题 今天遇到一个很有意思的问题,一个开发人员反馈在测试服务器ORACLE数据库执行的一条简单SQL语句非常缓慢,他写的一个SQL没有返回任何数据, ... 
- listen函数
			listen函数仅仅由TCP服务器调用,它做2件事: 1)当socket函数创建一个套接字时,它被假设为一个主动套接字,也就是说,它是一个将调用connect发起连接的客户套接字 listen函数把一 ... 
- Scut:GameWebSocketHost 解析
			想使用 Scut 做的是一个短连接项目,所以先直接看 GameWebSocketHost 了. 先来看下 GameWebSocketHost 的成员: protected bool EnableHtt ... 
- 游标、获取本地本地多个文件、Excel数据导入、跨服务器数据拷贝、行转列示例
			)='C:\Users\Administrator\Desktop\待处理数据\顺江学校4\' ---------------------------------------------------- ... 
- led驅動芯片對LED燈具的要求
			1.LED驅動芯片直流額定輸入電壓范圍應當8 - 40 v,覆蓋廣泛的應用需求.最好的壓縮能力大于45 v.當輸入交流12 v.24 v,簡單的橋式整流器輸出電壓可以遵循電網電壓波動,特別是在高電壓輸 ... 
- 【HDOJ】3500 Fling
			题意巨难懂.简言之,就是球互相碰撞时,主动碰撞的球将会停止,另一个球将沿着碰撞方向继续移动,不断碰撞.但是无法弹射紧挨着的球,但是若a弹射b,bc相邻,这种情况b可以弹射c. #include < ... 
- Android 5.0 Lollipop初上手体验
			在等了好几天还没有等到OTA升级提示,前天笔者给Nexus4线刷入了官方提供的Lollipop的镜像,在试用了这两天之后,现在总结下自己感觉很惊艳的地方和一些地方的吐槽.(点击图片可以查看大图) 1. ... 
