कैसे इनपुट क्षेत्र खाली करने के लिए jquery

199

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

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

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

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

— kosbou
स्रोत

418

आप इनपुट फ़ील्ड का उपयोग करके साफ़ कर सकते हैं $('#shares').val('');

— shaunsantacruz
स्रोत

2

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

— केविन व्हीलर

3

कैसे के बारे में .val([])?

— Fr0zenFyr

3

संबंधित नोट पर, .val([])चयनित सूची में किसी भी चयनित विकल्प को अचयनित कर सकते हैं ... इतना के साथ नहीं .val('')। इसके बारे में सबसे अच्छी बात यह क्रॉस-ब्राउज़र समर्थन है। PS: यह केवल अन्य कुशल क्रॉस-ब्राउज़र समाधान का एक विकल्प है - $("select option").prop("selected", false);लेकिन सभी इनपुट के साथ काम करता है। जॉन के लिए एक परीक्षण के लिए धन्यवाद उन्होंने बनाया ।

— Fr0zenFyr

29

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

— osahyoun
स्रोत

10

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

$('#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>

स्निपेट का विस्तार करें

— राधिका
स्रोत

किसी की मदद कर सकते हैं लेकिन इस संदर्भ में आपका जवाब बेकार है।

— मार्को कॉनैस

8

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

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

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

— फ्रांसिस लुईस
स्रोत

4

जब से आप jQuery का उपयोग कर रहे हैं, तो ट्रिगर- रीसेट का उपयोग कैसे करें :

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

— Sablefoste
स्रोत

3

पाठ, संख्या, खोज, टेक्स्टारिया इनपुट्स रीसेट करने के लिए:

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

चयन रीसेट करने के लिए:

$('#select-box').prop('selectedIndex',0);

रेडियो इनपुट रीसेट करने के लिए:

$('#radio-input').attr('checked',false);

फ़ाइल इनपुट रीसेट करने के लिए:

$("#file-input").val(null);

— चिकन के
स्रोत

0

यदि आप "बैक" बटन दबाते हैं, तो यह आमतौर पर चिपक जाता है, आप क्या कर सकते हैं जब फॉर्म को तत्व को सबमिट किया जाता है तब यह अगले पृष्ठ पर जाता है लेकिन तत्व के साथ करने के बाद आपको क्या करना है।

    $('#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>");
            });

— क्रिस
स्रोत