Jquery将文本框还原为原始值
Jquery revert textboxes back to their original values
我有一个带有4个文本框的弹出式表单,所有这些文本框在页面加载时都具有默认值。
场景是这样的…用户已经用他们的详细信息填写了表单,但决定不提交表单并关闭弹出窗口。我希望文本框的值在用户关闭弹出窗口时恢复为默认值。
这是我到目前为止的代码。
$(".close").click( function() {
$(".popup").find("input").val("Default value of textbox");
});
与其插入"Default value of textbox"作为值,我希望它是实际的默认值
你可以在元素本身的'data属性'中设置默认值…我将创建一个小提琴来展示这个…如下所示jsFiddle
我还应该注意,您可以将数据属性放在来自服务器的元素上…我只是在展示如何从客户端完成所有这些…
// First store all the default values
var def_vals = [];
jQuery('#popup input[type="text"]').each(
function () {
def_vals[jQuery(this).attr('name')] = jQuery(this).val();
}
);
alert(def_vals['test']);
// Restore defaults on close
jQuery('#popup .closeButton').click( function () {
jQuery('#popup input[type=text]').each(
function() {
jQuery(this).val(def_vals[jQuery(this).attr('name')]);
}
);
});
通过闭包
// add to the place that opens the popup
$(".popup input").one(function(){
var value = $(this).val();
var that = this;
$(".close").one(function(){
$(that).val(value);
});
});
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 使用jQuery从原始页面内容创建iframe
- 从客户端获取修改后的对象,并将其与服务器上的原始对象组合
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 查找仅适用于原始图像的图像放大算法的名称
- 如何在使用Javascript浏览网站时处理原始窗口
- markrwithlabel.js(第三方)原始文件链接断开
- 在Javascript中重新分配对象变量时,原始对象会发生什么
- 如何在玩TimelineMax(GSAP)后重置原始位置
- 在编译阶段后创建新的DOM树,或者继续使用原始修改的DOM
- 原始javascript将json对象中的项目打印到列表中的屏幕上
- 我们可以用参数对象集合而不是原始数据来调用JavaScript collection.reduce()方法吗
- django没有访问控制允许删除原始标头
- JQuery:使用clone()生成的元素不采用原始的事件属性
- HTML5 Canvas访问控制允许原始错误
- 如何使用JavaScript粘贴原始二进制文件而不出现“无效字符”错误
- 如何使用JavaScriptLib将字符串(WYSIWYG)转换为原始html
- jQuery加载其他html页面,但如何还原为原始内容
- 如何将转换后的文本字符串还原为原始HTML布局
- Jquery将文本框还原为原始值