كيف أحصل على محتوى حقل نصي باستخدام Jquery؟

Simoh · 26 نوفمبر 2015

على صفحة html، حيث يوجد العديد من الحقول النصية، أريد جلب محتوى حقل معين عن طريق مكتبة Jquery، والتأكد من أنه مساوٍ لقيمة معيّنة، كيف أفعل ذلك؟

تم التعديل في 26 نوفمبر 2015 بواسطة Simoh

Hêshäm Elsayad · 26 نوفمبر 2015

لو نفترض بان الحقل هو

<input type="text" value="test" id="inputid">

<script>
 var inpo =   document.getElementById('inputid').value;
if(inpo == "test")    {
    alert('value is test');
}
    
</script>

هذه بالجافا سكربت العادية

E.Nourddine · 27 نوفمبر 2015

أولا، علينا معرفة أن الحقول والوسوم بشكل عام على صفحات html يمكن تعريفها وإعطائها قيم ليتم التعرُف عليها من خلال css أو Jquery، حتى نتمكن من الوصول إليها وجلب محتواها، تغيره، تغير خصائص الحقل...

وهذا التعريف يكون إما بـ Id الذي لا يجب أن يتكرر عند وسمين مثل "id="myTextforName أوclass التي عادة ما نعطيها لمجموعة من الوسوم لها نفس التنسيق "class="post.

مثال على ملف html:

<html>
<head>
<title>id - class مثال توضيحي لـ</title>
</head>

<body>

 
<!-- class لاحظ الخاصية -->
<div><div class="ads-in-post hide_if_width_less_800">
</div></div><h2>TextBox value : <label id="msg"></label></h2>

<div style="padding:16px;">
	TextBox : <input type="textbox" value="Type something"></input>
</div>

<!-- idلاحظ الخاصية -->

<input type="texte id="txtname" >	
<button id="Get">Get TextBox Value</button> 
<button id="Set">Set To "ABC"</button> 
<button id="Reset">Reset It</button>



</body>
</html>

ويمكننا الوصول للحقل المقصود من خلال Id الخاص به أو class، وذلك من خلال كود الجافسكريبت التالي:

var myInput =document.getElementById('txtname').value;
// الآن قيمة الحقل مخزنة في المتغير، يمكننا استعمالها حسب الحاجة
alert(myInput);

تم التعديل في 27 نوفمبر 2015 بواسطة E.Nourddine

كيف أحصل على محتوى حقل نصي باستخدام Jquery؟

السؤال

Simoh

2 أجوبة على هذا السؤال

Recommended Posts

Hêshäm Elsayad

E.Nourddine

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية