একটি ইনপুট ক্ষেত্রের মান সেট করুন

Question

আপনি কীভাবে <input>জাভাস্ক্রিপ্টে কোনও ফর্ম পাঠ্যের ক্ষেত্রের ডিফল্ট মান সেট করবেন ?

Answer 1

এটি করার একটি উপায়:

document.getElementById("mytext").value = "My value";

Comments

আমি করব, যদি ব্যবহারকারী মাঠে ক্লিক করেন তবে উপত্যকাটি NULL করার কোনও উপায় আছে?

— সেবাস্তিয়ানঅপারম্যান

হ্যাঁ, ইনপুট ক্ষেত্রে একটি ইভেন্ট হ্যান্ডলারকে বরাদ্দ করুন যা মান অনক্লিকটি মুছে দেয়। উদাহরণ: ইলেম.অনলিক = ক্লিয়ারফিল্ড (); // যা কোনও ফাংশনকে নির্দেশ করবে যা উপরের উত্তরের মতো কিছুতেই মান সেট করে ক্ষেত্রটি মুছবে।

— জেমস

আমার জন্য এটি কাজ করে না। উপরের মান বৈশিষ্ট্য তৈরি করতে হবে?

— Dchris

আপনি যদি ইনপুট-ট্যাগের জন্য মানটি পরিবর্তন করার চেষ্টা করছেন তবে এটি কাজ করবে বলে মনে হচ্ছে না। স্পষ্ট করে বলার জন্য, আমার কাছে যদি একটি বোতাম থাকে যা ক্লিক করার সাথে সাথে এর মান পরিবর্তন করতে পারে তবে আমি এটি "এ.প্যারেন্টনিড.সেটমেন্টবিটাইটনেম ('ইনপুট') দ্বারা পরিবর্তন করতে সক্ষম হব বলে মনে হয় না style '; " না এই.স্টাইল.ডিসপ্লে = 'না' ব্যবহার করে; এছাড়াও, আমি এমনকি ".style = প্রদর্শন: কিছুই নয়; 'ব্যবহার করার চেষ্টা করেছি; কোনও সাফল্য ছাড়াই ...

— MahNas92

এটি এবং উপরের প্রশ্নের অন্যান্য উত্তরগুলি ডিফল্ট মান পরিবর্তন করা হবে তা উপেক্ষা করে বলে মনে হচ্ছে । ব্যবহার করা .value = ...কেবলমাত্র বর্তমান মান পরিবর্তন করে। ফর্মটি পুনরায় সেট করা ( <input type="reset" />উদাহরণস্বরূপ) মানটিকে আসলটিকে আবার পরিবর্তন করবে। বিপরীতে, setAttribute("value", ...)ফায়ারফক্স এবং ক্রোমে সঠিকভাবে কাজ করে। ডিফল্ট মানটি পরিবর্তিত হয় তবে ব্যবহারকারী যদি ইতিমধ্যে এটি পরিবর্তন না করে তবে আসল মানটি পরিবর্তন করা হয়। তবে setAttributeব্রাউজারের সামঞ্জস্যতার কারণে প্রস্তাবিত নয়। অন্য কোন সম্ভাবনা আছে?

— জোজোয়াটএক্সজিএমই

Answer 2

যদি আপনার ফর্মটিতে একটি ইনপুট ক্ষেত্র থাকে

<input type='text' id='id1' />

তারপরে আপনি জাভাস্ক্রিপ্টে কোডটি লিখতে পারেন নীচের হিসাবে এর মান সেট করতে

document.getElementById('id1').value='text to be displayed' ; 

Answer 3

আমি 'সেটঅ্যাট্রিবিউট' ফাংশনটি ব্যবহার করি:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>

Comments

valueডট স্বরলিপি ব্যবহার করে সরাসরি অ্যাক্সেস করা উচিত: বিকাশকারী.মোজিলা.আর.ইন.ইউএস / ডকস / ওয়েবে / এপিআই / উপাদান.সেট্রিবিউট আপনি কেবলমাত্র মূল / মানটি ব্যবহার করার জন্য সেট / গেটঅ্যাট্রিবিউট ব্যবহার করেন। ডোম লোড হওয়ার পরে, .valueউপাদানটির আসল কার্যকরী মূল্য উপস্থাপন করে।

— ক্রিস বেকার

@ ক্রিসবেকার যদি আমি পারতাম তবে আমি এই উত্তরটি +1000 করতাম। আমার কাছে একটি তৃতীয় পক্ষের অ্যাপ রয়েছে যা অ্যাপ্লিকেশনটি স্বয়ংক্রিয় করতে ইনপুট ক্ষেত্রগুলি স্ক্যান করে (আমার পৃষ্ঠাটি এম্বেড হওয়া অর্থাৎ নিয়ন্ত্রণে রেন্ডার করে)। এটি এক অনন্য দৃশ্যে যেখানে ইনপুট ক্ষেত্রগুলি ক্লায়েন্টের অ্যাপ্লিকেশনটি গ্রাস করে। ইনপুট ক্ষেত্রগুলি আমার ডকুমেন্ট প্রস্তুত ফাংশনে। মূল্য ব্যবহার করে পোস্টব্যাকের সাথে সাথেই পুনরায় সেট করা হয়নি। যখন আমি পরবর্তী এসিনক পোস্টব্যাকটি ব্যবহারকারীর দ্বারা শুরু করা হত, তখন তারা পূর্বে ক্লিক করা কিছু স্বয়ংক্রিয় করতে এই ইনপুট মানগুলিকে পুনরায় ব্যবহার করতে পারে এবং "সেগুলি ভুলে যেতে" পৃষ্ঠাটির দরকার হয়েছিল। এটি আমার দরকার হ্যাকি ম্যাজিকাল সস। আপনাকে পেপে এবং ক্রিসকে ধন্যবাদ!

— মাইকটিভি

আমি Yii 2.0 ব্যবহার করছি এবং .value = '' সেট করে দিচ্ছি সঠিকভাবে মাঠে ফর্ম বৈধতা চালানো হবে না। সেটএট্রিবিউট ('মান', '...') ব্যবহার করে সঠিকভাবে পরিচালনা করা হয়। ধন্যবাদ!

— ekscrypto

আমার একটি অদ্ভুত সমস্যা রয়েছে যা এর সাথে সমাধান হয়েছে setAttribute। আমার সমস্যাটি ছিল একটি ফাংশন কলের মাধ্যমে একটি ইনপুটটির মান পরিবর্তন করা, সর্বশেষ পরিবর্তিত ইনপুটগুলিও পরিবর্তন করা।

— সামপ্রো

আমি এই উত্তরটি ব্যবহার করে কোনও পপ-আপ মডেল ইনপুট (পাঠ্য) এর মান সেট করতে পারি। .মূল্য আমার পক্ষে কাজ করেনি। আপনাকে ধন্যবাদ

— উলা

Answer 4

এগুলি চেষ্টা করে দেখুন।

document.getElementById("current").value = 12

// or

var current = document.getElementById("current");
current.value = 12

Comments

এই জাতীয় ক্ষেত্রে কখনই অ-পাঠ্য মান সেট করবেন না। আপনি যদি আবার পড়েন তবে আপনি কিছু ব্রাউজারে স্ট্রিং (!) পড়তে পারবেন)

— সকেটপায়ার

Answer 5

উত্তরটি খুব সহজ

// Your HTML text field

<input type="text" name="name" id="txt">

//Your javascript

<script type="text/javascript"> 
document.getElementById("txt").value = "My default value";
</script>

বা আপনি যদি জাভাস্ক্রিপ্ট পুরোপুরি এড়াতে চান: আপনি কেবল HTML ব্যবহার করে এটি সংজ্ঞায়িত করতে পারেন

<input type="text" name="name" id="txt" value="My default value">

Comments

আশ্চর্যজনক যে এখানে কেবল একজনই এই valueবৈশিষ্ট্যটি ব্যবহার করার পরামর্শ দিয়েছেন ...

— অ্যালজি টেলর

@ অ্যালজিটেলর আপনার প্রচেষ্টার প্রশংসা করেছে এবং আপনার দুর্দান্ত মন্তব্যের জন্য আপনাকে ধন্যবাদ জানায়

— পিএইচপি-কোডার

Answer 6

আপনি যদি একাধিক ফর্ম ব্যবহার করেন তবে আপনি ব্যবহার করতে পারেন:

<form name='myForm'>
    <input type='text' name='name' value=''>
</form>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>

Comments

আমার এই উত্তরটি পছন্দ করার কারণটি হ'ল আপনি ডিওএম এলিমেন্ট আইডির চেয়ে ফর্মের "নাম" বৈশিষ্ট্যটি ব্যবহার করেন কেন আপনার যখন প্রয়োজন হবে না তখন ফর্মের প্রতিটি ইনপুটগুলিতে আইডি ক্ষেত্র যুক্ত করবেন?

— কাঁপানো

@ ট্রেমার সম্পূর্ণরূপে সম্মত হয়েছে এবং এটি "উত্তর" নয় "আইডি" ব্যবহার করে আমি পেয়েছি এটিই প্রথম উত্তর।

— অ্যাভোকাডো

Answer 7

সহজ উত্তরটি জাভাস্ক্রিপ্টে নয়, স্থানধারক পাওয়ার সহজতম উপায় স্থানধারকের বৈশিষ্ট্যের মাধ্যমে

<input type="text" name="text_box_1" placeholder="My Default Value" />

Comments

এটির সাথে সমস্যাটি হ'ল এটি ইন্টারনেট এক্সপ্লোরারের পক্ষে মোটেই কাজ করে না। যদি আপনি জানেন যে আপনার কাছে IE ক্লায়েন্ট নেই, তবে হ্যাঁ, এটি সেরা উত্তর।

— সিফু

@Sifu এটি সম্ভবত আসলে এমনকি যদি আপনাকে যা করতে একটি ভাল জিনিস না জানি তুমি আই ই ক্লায়েন্ট (একটি JavaScript সমাধান ছাড়াও সম্ভবত) আছে যেমন এছাড়াও মান পুনরায় সেট হবে যখন ক্ষেত্র খালি করা হয়।

— ahruss

@ সিফু যখন প্লে হোল্ডার বৈশিষ্ট্য সমর্থন করে না, আইই ব্যবহার করে এবং www.1c3br3ak3r- মাল্টিমিডিয়া.সিএ যান এবং অনুসন্ধান বারটি দেখুন, এটি স্থানধারক বৈশিষ্ট্যটি ব্যবহার করে

— RWolfe

@ জেডুনন আসলে খুব বেশিদিন আগের কথা নয় - ক্যানিউজ.com / #feat=input- স্থানধারক স্থানধারক আইই 10 এবং তার চেয়ে বেশি সমর্থিত

— ড্যানওলম্যান

Answer 8

ইহা সাধারণ; একটি উদাহরণ:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>

Answer 9

document.getElementById("fieldId").value = "Value";

অথবা

document.forms['formId']['fieldId'].value = "Value";

অথবা

document.getElementById("fieldId").setAttribute('value','Value');

Comments

setAttribute ( 'মান', 'VALUE'); Chrome এ আমার জন্য পাঠ্য বাক্সে দৃশ্যমান মান সেট করে না।

— কার্টিস

Answer 10

<form>
  <input type="number"  id="inputid"  value="2000" />
</form>


<script>
var form_value = document.getElementById("inputid").value;
</script>    

আপনি ডিফল্ট মানটিকে একটি নতুন মানতেও পরিবর্তন করতে পারেন

<script>
document.getElementById("inputid").value = 4000;     
</script>

Answer 11

এই অংশটি আপনি HTML ব্যবহার করেন

<input id="latitude" type="text" name="latitude"></p>

এটি জাভা স্ক্রিপ্ট:

<script>
document.getElementById("latitude").value=25;
</script>

Answer 12

আপনিও চেষ্টা করতে পারেন:

document.getElementById('theID').value = 'new value';

Comments

একটি নতুন মান সেট করা ডিফল্ট মান সেট করে না । অতএব, এটি সমস্যার সমাধান করে না। আপনার বলা উচিত যে পোস্টের মন্তব্য হিসাবে একবার আপনি যথেষ্ট খ্যাতি অর্জন করলেন।

— ড্যানিয়েল চেউং