ভাল () এবং পাঠ্য () এর মধ্যে পার্থক্য


উত্তর:


284

.val()ইনপুট উপাদানগুলিতে (বা কোনও মান বৈশিষ্ট্যের সাথে কোনও উপাদান?) .text()কাজ করে এবং ইনপুট উপাদানগুলিতে কাজ করবে না। .val()নির্বিশেষে ইনপুট উপাদানটির মান পায়। .text()সমস্ত মিলিত উপাদানগুলির অভ্যন্তরীণ পাঠ্য (এইচটিএমএল নয়) পান:

.text()

ফলাফলটি এমন একটি স্ট্রিং যা এতে সমস্ত মিলিত উপাদানগুলির সম্মিলিত পাঠ্য সামগ্রী অন্তর্ভুক্ত করে। এই পদ্ধতিটি এইচটিএমএল এবং এক্সএমএল উভয় দস্তাবেজগুলিতে কাজ করে। ইনপুট উপাদানগুলিতে ব্যবহার করা যাবে না। ইনপুট ফিল্ড পাঠ্যের জন্য ভাল বৈশিষ্ট্যটি ব্যবহার করুন।

.val()

প্রথম মিলিত উপাদানের মান বৈশিষ্ট্যের সামগ্রীটি পান


3
মজার বিষয় - অ্যাকাউন্টটি বিবেচনা করুন যাতে তারা সমান নাও হতে পারেtextarea someTextArea.html() !== someTextArea.val()
ম্যাকিয়েজ জাঙ্কোভস্কি

সামগ্রী লোড করতে textarea.html ('সামগ্রী') ব্যবহার করবেন না। আমি jQuery ডায়নামিক সহ কিছু সামগ্রী লোড করেছি - মজাদার অংশটি ছিল যখন আমি সংরক্ষণ বোতামটি ক্লিক করি। এই ক্রিয়াটির পরে টেক্সেরিয়ায় থাকা সামগ্রীটি আর বদলেনি change .Val ('সামগ্রী') সহ সামগ্রী নির্ধারণের সাথে এই সমস্যাটি উপস্থিত হয় নি। কেন তা নির্ধারণ করতে পারিনি, তবে আমি মনে করি এটির 2 টি পদ্ধতির ভিন্ন আচরণের সাথে ডিওএম ক্যাশে-ইনংয়ের সাথে কিছু সম্পর্ক রয়েছে।
এরিক perpnjak

25

পাঠ্য () সমস্ত মিলিত উপাদানের সম্মিলিত পাঠ্য সামগ্রীগুলি ফেরত পাঠান (যেমন পি, ডিভি, এবং এর মতো) ভাল () কোনও ইনপুট উপাদানটির মান (যেমন ইনপুট, নির্বাচন করুন, ইত্যাদি) প্রাপ্ত করতে ব্যবহৃত হয়

অফিসিয়াল ডকুমেন্টেশন অনুসারে পাঠ্য () ইনপুট উপাদানগুলির সাথে ব্যবহার করা উচিত নয়


1

ভাল () সমস্ত এইচটিএমএল ইনপুট ধরণের (চেকবক্স, পাঠ্য ইত্যাদি) থেকে মান আনতে ব্যবহৃত হয়, যেখানে ব্যবহারকারীর ইনপুট মানের বিকল্প রয়েছে। উদা: -

<input type="text" id="txt_name" /> 
 <input type="checkbox" name="vehicle" value="Bike" id="chk_byk" class="ss">bike<br>   
<script type="text/javascript">
 $(document).ready(function () {

            $("#btn_submit").click(function () {
                alert($("#chk_byk").val());
            });

            });


    </script> 

যেখানে পাঠ্য () এইচটিএমএল উপাদানগুলির থেকে মান আনতে ব্যবহৃত হয় যেখানে ব্যবহারকারী (পি, ডিভি ইত্যাদি) ইন্টারেক্ট করবে না

    <p id="p1">Hi how are u??</p>
 <div id="dv5">Debendra</div>

 <script type="text/javascript">

        $(document).ready(function () {

            $("#btn_submit").click(function () {
                alert($("#dv5").text());
            });

            });


    </script>

0

.val () ফাংশনটি ইনপুট উপাদান থেকে মান প্রদান করে এবং .text () ফাংশনটি ইনপুট উপাদানগুলি ছাড়া অন্য থেকে মান দেয়। কলিং উপাদানটির মান নির্ধারণ করতে আমরা এই ফাংশনগুলিতে স্ট্রিং আর্গুমেন্টটিও পাস করতে পারি । নীচে কোডটি দেখায় কিভাবে .val () এবং .text () ফাংশনগুলি ব্যবহার করে DOM উপাদানগুলিতে মান সেট করতে হয়:

এইচটিএমএল অংশ:

<form id="form1"><input id="first" type="text" /><input type="submit" /></form>
<div id="second">Click the "Submit Query" to see it work</div>

জ্যাকুরি অংশ:

$(document).on("submit", "form", function (e) {
    $("#first").val("This input is set by .val() function");
    $("#second").text("A new text is set using .text() function!");
    return false;
})

ডেমো: http://jsfiddle.net/urhys9zj/6/

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