jquery इनपुट फ़ील्ड को खाली करने के लिए कैसे करें

127

मैं मोबाइल ऐप में हूं और उपयोगकर्ता एक संख्या सबमिट करने के लिए इनपुट फ़ील्ड का उपयोग करता हूं।jquery इनपुट फ़ील्ड को खाली करने के लिए कैसे करें

जब मैं वापस जाता हूं और उस पृष्ठ पर वापस जाता हूं जो इनपुट फ़ील्ड इनपुट फ़ील्ड पर प्रदर्शित नवीनतम संख्या इनपुट प्रस्तुत करता है।

क्या पृष्ठ लोड होने पर हर बार क्षेत्र को साफ़ करने का कोई तरीका है?

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

स्रोत

2012-02-10 kosbou

आप jQuery मोबाइल का उपयोग कर रहे हैं? – Jasper

282

आप $('#shares').val('');

स्रोत

2012-02-10 23:36:30 shaunsantacruz

thx आपके त्वरित उत्तर के लिए यह काम करता है – kosbou

क्या यह काम करता है और यह विनिर्देश जटिल है यदि हमारे पास एक संख्यात्मक इनपुट है जैसे <<इनपुट प्रकार = "संख्या" min = "0 'max =" 10 "value =" 5 "> '? मुझे लगता है कि अलग-अलग कहा गया है, क्या आपको रिक्त होने के लिए एक संख्यात्मक इनपुट सेट करने की अनुमति है? –

' .val ([]) ' – Fr0zenFyr

$(document).ready(function(){ 
    $('#shares').val(''); 
});

स्रोत

2012-02-10 23:36:26 osahyoun

का उपयोग करके इनपुट क्षेत्र को साफ करता है, तो आप "वापस" बटन यह आम तौर पर छड़ी जाता हिट कर सकते हैं, जब प्रपत्र स्पष्ट प्रस्तुत की है तत्व आप क्या कर सकते है उसके बाद यह अगले पृष्ठ पर जाता है लेकिन तत्व के साथ करने के बाद आपको क्या चाहिए।

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

स्रोत

2012-02-10 23:37:15 chris

val('') सेटिंग फ़ील्ड को खाली कर देगा। तो आप इस का प्रयोग करेंगे:

साफ़ इनपुट क्षेत्र पृष्ठ लोड होने:

$(function(){ 
    $('#shares').val(''); 
});

स्रोत

2012-02-10 23:37:21

आप, jQuery का उपयोग कर रहे के बाद से कैसे एक trigger- reset उपयोग के बारे में:

$(document).ready(function(){ 
    $('#shares').trigger(':reset'); 
});

स्रोत

2016-10-12 02:55:52 Sablefoste

जबकि प्रस्तुत करने प्रपत्र फॉर्म पर रीसेट विधि का उपयोग करें। रीसेट() विधि किसी तत्व में सभी तत्वों के मानों को रीसेट करता है।

$('#form-id')[0].reset(); 

OR 

document.getElementById("form-id").reset();

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset

$("#submit-button").on("click", function(){ 
 
     //code here 
 
     $('#form-id')[0].reset(); 
 
});

<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>

स्रोत

2017-03-06 19:35:01 radhika

कुछ descri जोड़ें कृपया अपने समाधान के लिए पशन कृपया। – hB0

jquery इनपुट फ़ील्ड को खाली करने के लिए कैसे करें

उत्तर

संबंधित मुद्दे