• 0

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

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

تمّ تعديل بواسطة Simoh

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

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

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

أولا، علينا معرفة أن الحقول والوسوم بشكل عام على صفحات 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);

 

تمّ تعديل بواسطة E.Nourddine

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن