javascript - write - اكواد جافا سكربت جاهزة




قم بتمرير قيمة متغير javascript إلى قيمة مخفية من نوع الإدخال (6)

أود تعيين قيمة منتج رقمين صحيحين في حقل مخفي موجود بالفعل في مستند html. كنت أفكر في الحصول على قيمة متغير جافا سكريبت ومن ثم تمريره على نوع إدخال مخفي. أواجه صعوبة في شرح ذلك ، ولكن هذه طريقة العمل:

مثال على البرنامج النصي

 <script type="text/javascript">
 function product(a,b){
      return a*b;
 }
 </script>

أعلاه يحسب المنتج وأريد أن يكون المنتج في مجال مخفي.

<input type="hidden" value="[return value from product function]">

كيف يكون هذا ممكنا؟


إذا كان لديك بالفعل هذا الإدخال المخفي:

function product(a, b) {
   return a * b;
}
function setInputValue(input_id, val) {
    document.getElementById(input_id).setAttribute('value', val);
}

إذا لم يكن الأمر كذلك ، فيمكنك إنشاء واحد وإضافته إلى النص الأساسي ثم تعيين قيمته:

function addInput(val) {
    var input = document.createElement('input');
    input.setAttribute('type', 'hidden');
    input.setAttribute('value', val);
    document.body.appendChild(input);
}

ومن ثم يمكنك استخدام (حسب الحالة):

addInput(product(2, 3)); // if you want to create the input
// or
setInputValue('input_id', product(2, 3)); 

إضافة بعض معرف لإدخال

var multi = product(2,3);
document.getElementById('id').value=multi;

حقل مخفي :

<input type="hidden" name="year" id="year">

النصي :

<script type="text/javascript">
     var year = new Date();
     document.getElementById("year").value=(year.getFullYear());
</script>

يمكنك إعطاء حقل المخفي معرفًا:

<input type="hidden" id="myField" value="" />

ثم عندما تريد تخصيص قيمته:

document.getElementById('myField').value = product(2, 3);

تأكد من أنك تقوم بتنفيذ هذا الواجب بعد تحميل DOM بالكامل ، على سبيل المثال في الحدث window.load .


//prompts for input in javascript
test=prompt("Enter a value?","some string");

//passes javascript to a hidden field.
document.getElementById('myField').value = test;

//prompts for input in javascript
test2=prompt("Enter a value?","some string2");

//passes javascript to a hidden field
document.getElementById('myField').value = test2;

//prints output
document.write("hello, "+test+test2;

الآن هذا هو مربك ولكن هذا يجب أن يعمل ...


<script type="text/javascript">
  function product(x,y)
  {
   return x*y;
  }
 document.getElementById('myvalue').value = product(x,y);
 </script>

 <input type="hidden" value="THE OUTPUT OF PRODUCT FUNCTION" id="myvalue">






html