blocks|key|438758|text|可以使用$('#shares').val('');清除输入字段|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|438759|entityMap^0|4|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>You can clear the input field by using <code>$('#shares').val('');</code></p>


blocks|key|653090|text|$(document).ready(function(){
++$('#shares').val('');
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|653091|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(document).ready(function(){
  $('#shares').val('');
});
</code></pre>


blocks|key|653383|text|要重置文本、数字、搜索、文本区输入：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|653384|$('#shares').val('');|code-block|syntax|javascript|653385|要重置选择：|653386|$('#select-box').prop('selectedIndex',0);|653387|要重置无线输入，请执行以下操作：|653388|$('#radio-input').attr('checked',false);|653389|要重置文件输入，请执行以下操作：|653390|$("#file-input").val(null);|653391|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>To reset text, number, search, textarea inputs:</p>

<pre><code>$('#shares').val('');
</code></pre>

<p>To reset select:</p>

<pre><code>$('#select-box').prop('selectedIndex',0);
</code></pre>

<p>To reset radio input:</p>

<pre><code>$('#radio-input').attr('checked',false);
</code></pre>

<p>To reset file input:</p>

<pre><code>$("#file-input").val(null);
</code></pre>


blocks|key|438960|text|提交表单时，在表单上使用重置方法。方法的作用是:重置表单中所有元素的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|438961|$('#form-id')[0].reset();

OR+

document.getElementById("form-id").reset();|code-block|syntax|javascript|438962|https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset|offset|length|438963|​|438964|$("#submit-button").on("click",+function(){
+++++++//code+here
+++++++$('#form-id')[0].reset();
});|438965|<html>
<head>
<script+src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<form+id="form-id">
++First+name:<br>
++<input+type="text"+name="firstname">
++<br>
++Last+name:<br>
++<input+type="text"+name="lastname">
++<br><br>
++<input+id="submit-button"+type="submit"+value="Submit">
</form>+
</body>
</html>|438966|438967|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1Y|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@$I|11|J|12|1|13]]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|Q|3|L|5|6|7|17|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|H]]]]

<p>While submitting form use reset method on form. The reset() method resets the values of all elements in a form.</p>

<pre><code>$('#form-id')[0].reset();

OR 

document.getElementById("form-id").reset();
</code></pre>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$("#submit-button").on("click", function(){
       //code here
       $('#form-id')[0].reset();
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="form-id"&gt;
  First name:&lt;br&gt;
  &lt;input type="text" name="firstname"&gt;
  &lt;br&gt;
  Last name:&lt;br&gt;
  &lt;input type="text" name="lastname"&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;input id="submit-button" type="submit" value="Submit"&gt;
&lt;/form&gt; 
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|438856|text|设置val('')将清空输入字段。因此，您可以使用以下代码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|438857|页面加载时清除输入字段：|438858|$(function(){
++++$('#shares').val('');
});|code-block|syntax|javascript|438859|entityMap^0|2|7|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<p>Setting <code>val('')</code> will empty the input field. So you would use this:</p>

<p>Clear the input field when the page loads:</p>

<pre><code>$(function(){
    $('#shares').val('');
});
</code></pre>


blocks|key|438905|text|既然您正在使用触发器，那么使用jQuery+-reset如何？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|438906|$(document).ready(function(){
++$('#shares').trigger(':reset');
});|code-block|syntax|javascript|438907|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/reset-selector/^0|N|5|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Since you are using jQuery, how about using a trigger-<a href="http://api.jquery.com/reset-selector/" rel="noreferrer">reset</a>:</p>

<pre><code>$(document).ready(function(){
  $('#shares').trigger(':reset');
});
</code></pre>


blocks|key|653203|text|如果你点击“后退”按钮，它通常会粘住，你可以做的是在提交表单时清除元素，然后在它转到下一页之前，但在对元素做你需要做的事情之后。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|653204|++++$('#shares').keyup(function(){
++++++++++++++++payment+=+0;
++++++++++++++++calcTotal();
++++++++++++++++gtotal+=+($('#shares').val()+*+1)+%2B+payment;
++++++++++++++++gtotal+=+gtotal.toFixed(2);
++++++++++++++++$('#shares').val('');
++++++++++++++++$("p.total").html("Total+Payment:+<strong>"+%2B+gtotal+%2B+"</strong>");
++++++++++++});|code-block|syntax|javascript|653205|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>if you hit the "back" button it usually tends to stick, what you can do is when the form is submitted clear the element then before it goes to the next page but after doing with the element what you need to.</p>

<pre><code>    $('#shares').keyup(function(){
                payment = 0;
                calcTotal();
                gtotal = ($('#shares').val() * 1) + payment;
                gtotal = gtotal.toFixed(2);
                $('#shares').val('');
                $("p.total").html("Total Payment: &lt;strong&gt;" + gtotal + "&lt;/strong&gt;");
            });
</code></pre>


<p>I am in a mobile app and I use an input field in order user submit a number.</p>

<p>When I go back and return to the page that input field present the latest number input displayed at the input field.</p>

<p>Is there any way to clear the field every time the page load?</p>

<pre><code>$('#shares').keyup(function(){
    payment = 0;
    calcTotal();
    gtotal = ($('#shares').val() * 1) + payment;
    gtotal = gtotal.toFixed(2);
    $("p.total").html("Total Payment: &lt;strong&gt;" + gtotal + "&lt;/strong&gt;");
});
</code></pre>


jquery how to empty input field

jQuery

我在一个移动应用程序中，我使用输入字段来让用户提交一个数字。当我返回并返回页面时，该输入字段显示在输入字段中显示的最新数字输入。有没有办法在每次页面加载时清除该字段？$('#shares').keyup(function(){    payment = 0;    calcTotal();    gtotal = ($('#shares').val() * 1) + payment;    gto

问jquery如何清空输入字段
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery如何清空输入字段EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery如何清空输入字段
EN