كيفية إرسال بيانات form بدون الضغط على زر submit؟

يمكن إضافة شيفرة جافاسكربت والاستفادة من الحدث change الذي يُطلق عند كل تغيير لقيمة حقل الإدخال، وداخل تابع المعالجة يمكنك استخراج القيمة الجديدة للحقل وتحديث باقي العناصر حسب المطلوب، كالتالي:

const input = document.querySelector('...') // جلب عنصر حقل الإدخال

input.addEventListener('change', function(e) { // حدث يُطلق عند كل تغيير لقيمة الحقل
  const value = e.target.value; // القيمة الجديدة
  //.. نحدث باقي العناصر بالقيمة الجديدة
})

يمكنك الاستفادة من قراءة المقال التالي: