اذهب إلى المحتوى
  • 0

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

Simoh

السؤال

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

تم التعديل في بواسطة Simoh
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...