কীভাবে ইনপুট ফিল্ড খালি করা যায় j

199

আমি একটি মোবাইল অ্যাপে আছি এবং ব্যবহারকারীরা একটি নম্বর জমা দেওয়ার জন্য আমি একটি ইনপুট ফিল্ড ব্যবহার করি use

আমি যখন ফিরে যাই এবং সেই পৃষ্ঠাতে ফিরে যাই যে ইনপুট ক্ষেত্রটি ইনপুট ক্ষেত্রে প্রদর্শিত সর্বশেষতম নম্বর ইনপুট উপস্থাপন করে।

প্রতিবার পৃষ্ঠা লোড হওয়ার পরে ক্ষেত্রটি পরিষ্কার করার কোনও উপায় আছে কি?

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

— kosbou
সূত্র

417

আপনি ইনপুট ক্ষেত্রটি ব্যবহার করে সাফ করতে পারেন $('#shares').val('');

— shaunsantacruz
সূত্র

2

এটি কি কাজ করে এবং যদি আমাদের কাছে এমন একটি সংখ্যাসূচক ইনপুট থাকে তবে তা কি স্পেসিফিকেশন মেনে চলে <input type="number" min="0' max="10" value="5"></input>? আমার ধারণা অন্যরকম বলেছে, আপনি কি শূন্য হতে একটি সংখ্যার ইনপুট সেট করতে পারবেন?

— কেভিন হুইলার

3

কীভাবে .val([])?

— Fr0zenFyr

3

সম্পর্কিত নোটে, .val([])নির্বাচিত তালিকার কোনও নির্বাচিত বিকল্পটিও নির্বাচন করতে পারেন ... এর সাথে এতটা নয় .val('')। এটি সম্পর্কে সর্বোত্তম জিনিস এটি ক্রস ব্রাউজার সমর্থন। পিএস: এটি কেবলমাত্র অন্য কার্যকর ক্রস ব্রাউজার সমাধানের বিকল্প - $("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>");
            });

— ক্রিস
সূত্র