কম্পিউটার

জাভাস্ক্রিপ্টে ফর্ম জমা দেওয়ার ইনপুটের মান পরিবর্তন করবেন?


ইনপুটের মান পরিবর্তন করতে, নথির ধারণা ব্যবহার করুন। সিনট্যাক্স নিম্নরূপ -

document.yourFormName.yourTextName.value=anyValue;

ধরা যাক নিচেরটি হল আমাদের ইনপুট টাইপ কলিং সাবমিটফর্ম() "ফর্ম জমা দিন" -

<form name="studentForm" onsubmit="submitForm();">
   <input type="hidden" name="txtInput" value="10000" />
   <input type="submit" value="Submit Form"/>
</form>

SubmitForm() ফাংশন ইনপুট-

এর মান পরিবর্তন করে
function submitForm(){
   document.studentForm.txtInput.value='STUDENT-100';
}

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.
css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
<body>
<form name="studentForm" onsubmit="submitForm();">
<input type="hidden" name="txtInput" value="10000" />
<input type="submit" value="Submit Form"/>
</form>
<script>
   function submitForm(){
      document.studentForm.txtInput.value='STUDENT-100';
   }
</script>
</body>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

জাভাস্ক্রিপ্টে ফর্ম জমা দেওয়ার ইনপুটের মান পরিবর্তন করবেন?

"ফর্ম জমা দিন" বোতামে ক্লিক করলে, আপনি ক্যোয়ারী স্ট্রিং-এ পরিবর্তন মান পাবেন। এটি নিম্নলিখিত আউটপুট তৈরি করবে -

জাভাস্ক্রিপ্টে ফর্ম জমা দেওয়ার ইনপুটের মান পরিবর্তন করবেন?


  1. জাভাস্ক্রিপ্টে কনসোলে এইচটিএমএল ফর্ম মান এবং প্রদর্শন পাচ্ছেন?

  2. জাভাস্ক্রিপ্ট ইনপুট প্রকার=জমা কাজ করছে না?

  3. HTML DOM ইনপুট জমা ফর্ম সম্পত্তি

  4. HTML DOM ইনপুট জমা মান সম্পত্তি