Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery设置输入框的默认值?_Jquery - Fatal编程技术网

如何使用jQuery设置输入框的默认值?

如何使用jQuery设置输入框的默认值?,jquery,Jquery,我想更改输入框的默认值,以便在重置表单时,该值保持不变 我有下面的代码,它使用jQuery设置一个值,但当按下reset时,该值将成为初始值 <form> Email: <input type="text" id="email" value="old value" /> <input type="reset" value="reset" /> </form> $(function(){ $("#email").val("New value

我想更改输入框的默认值,以便在重置表单时,该值保持不变

我有下面的代码,它使用jQuery设置一个值,但当按下reset时,该值将成为初始值

<form>
Email: <input type="text" id="email" value="old value" />
<input type="reset" value="reset" />
</form>

$(function(){
    $("#email").val("New value");
});

电邮:
$(函数(){
$(“#email”).val(“新值”);
});

重置清除表单的所有值(默认行为)。如果希望这些值再次可见,则需要重新设置它们。因此,您需要在单击“重置”按钮后调用一个方法,然后再次填写表单。

试试看

$('input[type="reset"]').click(function(){
 $("#email").val("New value");
});
您必须设置#email元素的属性“value”,而不是值本身

$("#email").attr("value", "New value");

重置默认情况下会清除一个表单,但如果您想自己控制这种行为,这里是您将如何做的。您需要使用.val(),下面是一些使用包装集执行单个框重置和多个框重置的示例

示例:

Reset Single
重置

重置许多 重置 //复位单 $(“#重置”)。单击(功能(e){ $(“#文本框”).val(“值”); }); //重置给定选择器的多个参数 //可以是包含div的窗体 $(“#ResetMany”)。单击(函数(e){ var输入=$(“输入”,“许多”); 对于(变量i=0;i
如果你想输入值,那么你可以按照@Sergey Larionov提到的那样做。如果要放置默认占位符,可以执行以下操作:

$("#email").attr("placeholder", "Default value");

您可以直接使用.val()设置值,而不必自己设置属性。val()基本上是.attr的别名(“value”,“new value”);不,不是别名。这里是.fn.val:this.value=val;//不修改DOM,这里是attr:elem.setAttribute(名称“+”值)//这是一个比公认的更好的答案。干杯。这不是正确的答案,@Sergey Larionov的答案更好,另一种方法是$(“#email”).prop(“defaultValue”,“New value”)
$("#email").attr("placeholder", "Default value");