1

لخبراء الجافاسكريبت :مشكلة مع append.

السلام عليكم ورحمة الله

اعضاء مجتمع io

لدي طلب للمساعدة

اعمل على كود جافاسكريبت وhtml ووصلت إلى الإشكال التالي :

يوجد في الكود الضيغة التالية :

$('.result').fadeOut(100, function () {
$(this).empty()
.append('<textarea class="form-control"rows=\'30\' cols=\'50\'>' + url2 + '</textarea>')

وأريد بدلا من قيام الكود بإنشاء "textarea" وإدخال القيم المتغيرة التابعة ل url2 داخلة ،

أن يقوم بالبحث داخل html عن :

<textarea class='contact-form-email-message'  expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' />

وإدخال قيم url2 داخلها .


2
OsamaEssam أضف ردا

وعليكم السلام ورحمة الله و بركاته,

هناك طريقتان لتغير المحتوي الخاص بالtextarea :

  1. باستخدام ال textContent, لان ال textarea حقل ادخال له وسم بداية و إغلاق لذلك يمكن ان يعامل كعنصر html عادي

    var  txtArea = document.getElementsByClassName('contact-form-email-message'),  
txtAreaLength = txtArea.length;

 while(txtAreaLength--) {
     txtArea[txtAreaLength].textContent = url2
 }

  2. باستخدام value, لان ال textarea حقل ادخال و اي حقل ادخال يمكن تغيير قيمته بواسطة value , فقط استبدل textContent ب value

    while(txtAreaLength--) {
      txtArea[txtAreaLength].value = url2
}

شرح getelementsByClassName

شرح textContent