محاولة تمرير القيم الى مربع ادخال بدل من طباعتها (اطار عمل دجانغو)

يمكنك تحديد عنصر الإدخال input من خلال عدّة طرق في الجافاسكريبت، على سبيل المثال يمكنك إعطاء id لحقل إدخال خطوط الطول والعرض بالشكل التالي:

<input type="text" name="latitude" id="lat" value="">

ثم في دالة الحصول على النتيجة يمكن إضافتها للحقول كالتالي:

function showPosition(position) {
            document.getElementById('lat').value= position.coords.latitude;
          }

وبنفس الطريقة للقيم الأخرى.

لنستطيع مساعدتك بشكل أفضل يجب مشاركة كامل الشيفرة البرمجية فجزء منها قد لايساعد على فهم الفكرة كاملة.

بتاريخ 12 دقائق مضت قال Zeina Almakdisi:

مرحبااا 

لدي فورم تسجيل ضمن صفحة Html يوجد سكربت يقوم بالحصول على موقع المستخدم 

         <script>
          var x = document.getElementById("demo");
      
          function getLocation() {
            if (navigator.geolocation) {
              navigator.geolocation.getCurrentPosition(showPosition);
            } else { 
              x.innerHTML = "Geolocation is not supported by this browser.";
            }
          }
          
          function showPosition(position) {
            x.innerHTML = "Latitude: " + position.coords.latitude + 
            "<br>Longitude: " + position.coords.longitude;
          }
          
          </script>  

احاول تمرير القيم الى المربع تلقائيا (الصورة لتوضيح مااحاول القيام به)

    <div class="col-md-6 form-group mt-3 mt-md-0">
      <input  class="form-control" id="imagee" placeholder="imagee" {{form_hospital.imagee}}
  <br>

        
      <input type="text" name="latitude" value=""  {{location.lat}}//// احتاج تمرير قيمة Latitude هنا 
      بدل من طباعتها على الشاشة
     <input type="text" name="longitude" value="" {{location.lng}}//// احتاج تمرير قيمة Longitude هنا 
      بدل من طباعتها على الشاشة

مرحبا زينة،

يجب أولا إعطاء معرف id خاص لكل حقل:

<input id="latitude" type="text" name="latitude" value=""> 
      
<input id="longitude" type="text" name="longitude" value=""> 
     

ثم ملأ هذه الحقول في الدالة showPosition على الشكل التالي:

function showPosition(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
  document.getElementById("latitude").value= position.coords.latitude;
  document.getElementById("longitude").value= position.coords.longitude;
}

بالتوفيق.