点击按钮“编辑” 动态添加一个input text
来源:互联网 发布:java web生产验证吗 编辑:程序博客网 时间:2024/05/22 08:23
点击button按钮 动态把原来转变成一个input type="text"文本框 文本的默认值是div值 可以对其更改保存。
<div id="dd3">
<span>总价值</span><p>23948</p><div class="txt">父母的保单</div>
<input type="button" value="编辑" id="edit">
<div class="img"> </div>
</div>
//css部分
/*动态添加的文本框样式*/
#d3 .newipt{
border:0px;
width: 72px;
height: 20px;
top: -3px;
position: relative;
border-radius: 3px 3px;
color: #c4c4c4;
}
//js部分
var isEdit=false;
$("document").ready(function(){
$("#edit").click(function(){
if(isEdit) return ;
isEdit=true;
if("input[value=编辑]"){
var t=$(this).prev().text();
$(this).prev().html("<input type='text' value='"+t+"'class='newipt'/>");
$(".txt input").focus(function(){
document.getElementById("edit").value="确定";
});
$(".txt input").change(function(){
var t=$(this).val();
$(this).parent().text(t);
isEdit=false;
});
}
});
- 点击按钮“编辑” 动态添加一个input text
- 练习:创建一个按钮,点击一次,则创建一个<input type="text"><input> 点击三次按钮,应该有三个输入框被创建出来。
- 点击按钮改变input text的value值
- 练习:创建一个按钮,点击一次,则创建一个<input type="text"><input> 点击三次按钮,应该有三个输入框被创建出来。需要每一个input tag都有一个id
- Unity UGUI按钮动态添加点击事件
- 微信小程序---点击按钮添加、删除输入框(input)
- 点击按钮动态添加新的一行(添加文本框)
- javascript动态添加、删除按钮和input输入框
- input radio按钮点击选择,点击另外一个,前一个不被选择
- easyui添加编辑按钮
- jQuery动态添加.active属性实现按钮点击样式
- 点击按钮实现表格动态添加或删除一行
- 添加按钮点击事件
- 动态生成 指定列数、行数的表格。并在每行最后一列添加一个删除按钮。点击删除按钮、删除本行!
- js动态添加input按钮并给按钮增加onclick的函数事件带参数
- js动态添加input按钮并给按钮增加onclick的函数事件(带参数)
- 点击一个按钮,动态加载不同的图片
- HTML中让input text 不可编辑
- 动态规划-最优二分检索树
- 也谈如何跳槽
- POJ 3985 Knight's Problem (搜索好题)
- WinInet制作客户端相关
- Html—UI
- 点击按钮“编辑” 动态添加一个input text
- count(*)与count(1)的区别
- 常见的排序算法
- 面试题目回忆
- 2013 域名注册商排行
- 帧动画: FrameAnimation
- 计算机网络原理笔记
- 最大连续子串和的逐步优化
- OCP-1Z0-051-V9.02-121题