একটি ইনপুট পাঠ্য বাক্সে মানটি পান


1004

JQuery ব্যবহার করে কোনও ইনপুট মান পাওয়ার এবং রেন্ডার করার উপায়গুলি কী কী?

এখানে একটি:

$(document).ready(function() {
  $("#txt_name").keyup(function() {
    alert($(this).val());
  });
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />


1
এই কোডটি ব্যবহার করুন: var মান = $ ('# txt_Name') val ভাল (); আপনি jquery ব্যবহার করে মান সেট করতে পারেন। দয়া করে এই পোস্টটি দেখুন: কোডিং-issues.blogspot.in/2013/10/…
— রেড্ডি

উত্তর:


1654
//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

35
@ প্র্যাবস, প্রশ্নটি ছিল: "jQuery ব্যবহার করে কোনও ইনপুট মান পাওয়ার এবং সরবরাহ করার কী কী উপায়?", লেবেল কোনও ইনপুট নয়।
— ব্যারি মাইকেল দোয়েল

3
'ব্লে' থেকে উদ্ধৃতিগুলি সরান। এটি $ ('# txt_name') হওয়া উচিত val
— চার্লস জাভিয়ার

9
@ পারভুবিসেসার অগত্যা নয়। তিনি যদি আক্ষরিক পাঠ্য 'ব্লে' চান, তবে সে এটি সঠিকভাবে পেয়েছে। সে চায় তাহলে valএর var blaতারপর তিনি কোট অপসারণ করতে হবে।
— ডাবল_জে

পাওয়ার বিষয়টি লক্ষ্য করুন: "ভাল" এর পরিবর্তে "ভাল") আপনি আমার প্রোফাইলটি দেখতে পারেন
— TheRedstoneTaco

আমি এটা করেছি কিন্তু সমস্যা আছে।
— ওয়াসে রাজা

591

আপনি নিম্নলিখিত দুটি উপায় সহ একটি মান নির্বাচন করতে পারেন:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

আপনি যদি মানটি পেতে সরাসরি জাভাস্ক্রিপ্ট ব্যবহার করতে চান তবে এখানে কীভাবে:

document.getElementById('txt_name').value 

6
আমি জানি এটি একটি পুরানো প্রশ্ন, তবে ভুলবেন না যে attrএটির সাথে প্রতিস্থাপনও করা যেতে পারে prop। এটি শব্দার্থগতভাবে আরও ভাল।
— সাবেলফোস্টে

শুধুমাত্র $("#txt_name").val(str);মূল্য সেট করার জন্য ক্রোমে আমার পক্ষে কাজ করেছিলেন। এই পোস্টে চেষ্টা করুন ।
— gkiko

JQuery সংযোজন ফাংশনটি ফর্মের মান রাখার সময় এইচটিএমএলটিতে যুক্ত করার কোনও সমস্যা নেই বলে মনে হচ্ছে।
— আদম এফ

1
$ ( "# txt_name") ATTR ( 'মান')। রিটার্ন ডিফল্ট মান / উত্তর ভুল!
— zloctb

1
মনে রাখবেন যে $("#txt_name").attr('value')সর্বদা "মান" বৈশিষ্ট্যের বিষয়বস্তু ফিরিয়ে দেবে, সুতরাং আপনি যদি ইনপুট ক্ষেত্রটি পরিবর্তন করেন তবে মানটি পরিবর্তন হচ্ছে না। .val()সর্বদা ক্ষেত্রের বিষয়বস্তু ফিরিয়ে দেবে ..
— honk31

84

এখানে একটি গুরুত্বপূর্ণ বিষয় উল্লেখ করতে হবে:

$("#txt_name").val();

কোনও পাঠ্য ক্ষেত্রের বর্তমান আসল মানটি ফিরিয়ে দেবে, উদাহরণস্বরূপ যদি ব্যবহারকারী কোনও পৃষ্ঠা লোডের পরে সেখানে কিছু টাইপ করে।

কিন্তু:

$("#txt_name").attr('value')

DOM / এইচটিএমএল থেকে মান প্রদান করবে।


40

আপনি valueসরাসরি এটি বৈশিষ্ট্যটি পেতে পারেন যেহেতু আপনি জানেন যে এটি একটি <input>উপাদান, তবে আপনার বর্তমান ব্যবহার .val()ইতিমধ্যে বর্তমান।

উপরে জন্য, শুধু ব্যবহার .valueসরাসরি DOM উপাদান উপর, ভালো :

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

@ ভরন আপনার বিকল্পের দরকার কী?
— ডগ মোলিনাক্স

3
কোনও জায়গায়, আমি বিকল্পটি ব্যবহার করতে চাই,
— ভরণিকুমার

16

একটি ইনপুট উপাদানটির বর্তমান মান পেতে আপনাকে বিভিন্ন উপায়ে ব্যবহার করতে হবে।

পদ্ধতি - 1

আপনি যদি কোনও সাধারণ ব্যবহার করতে চান তবে এটি ব্যবহার .val()করে দেখুন:

<input type="text" id="txt_name" />

ইনপুট থেকে মানগুলি পান

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

ইনপুট মান সেট করুন

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

পদ্ধতি - 2

.attr()সামগ্রী পেতে ব্যবহার করুন ।

<input type="text" id="txt_name" value="" />

আমি কেবল ইনপুট ক্ষেত্রে একটি বৈশিষ্ট্য যুক্ত করব। value=""বৈশিষ্ট্য হ'ল আমরা ইনপুট ক্ষেত্রে যে পাঠ্য সামগ্রীটি প্রবেশ করিয়েছি carry

$("input").attr("value");

পদ্ধতি - 3

আপনি এটিকে সরাসরি আপনার inputউপাদানটিতে ব্যবহার করতে পারেন ।

$("input").keyup(function(){
    alert(this.value);
});

15

আপনি এর মতো মান পেতে পারেন:

this['inputname'].value

যেখানে thisইনপুট রয়েছে এমন ফর্মটিকে বোঝায়।


8
এই উত্তরটি অনুমান করে যে thisইনপুট রয়েছে এমন ফর্মটির উল্লেখ করছে।
— নন্দন


6

পাঠ্যবক্সের মান পেতে, আপনি jQuery val()ফাংশনটি ব্যবহার করতে পারেন ।

উদাহরণ স্বরূপ,

$('input:textbox').val() - পাঠ্যবাক্সের মান পান।

$('input:textbox').val("new text message") - পাঠ্যবক্স মান নির্ধারণ করুন।


3

যারা আমার মত কেবল তাদের জন্য জেএসে নবাগত এবং undefinedপাঠ্য মানের পরিবর্তে প্রাপ্ত হওয়া নিশ্চিত idকরে নিন যে আপনার অবৈধ অক্ষর নেই ।


3

আপনি কেবল পাঠ্য বাক্সে মান সেট করতে পারেন।

প্রথমত, আপনি মত মান পাবেন

var getValue = $('#txt_name').val();

ইনপুট মত একটি মান সেট পাওয়ার পরে

$('#txt_name').val(getValue);

1

এটা চেষ্টা কর. এটা নিশ্চিতভাবে কাজ করবে।

var userInput = $('#txt_name').attr('value')

না, তা হবে না !! (1) যদি কোনও মান "মান" ( <input type="text" />) না থাকে তবে এটি অপরিবর্তিত থাকে returns (২) আপনি যদি এটির মতো করেন <input type="text" value="test" />এবং ব্যবহারকারী ইনপুট ক্ষেত্রে foo টাইপ করে, $('#txt_name').attr('value')তবুও "পরীক্ষার" প্রত্যাবর্তন করে
— ndvww

এই উত্তরটি সঠিক নয় তবে এটি আমি অনুসন্ধান করছিলাম API
— অ্যান্টনি
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.