سكربت قم بتمرير قيمة متغير javascript إلى قيمة مخفية من نوع الإدخال




اكواد جافا سكربت جاهزة (8)

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

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)); 

https://code.i-harness.com

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

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

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

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

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

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


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

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

تحقق من صفحة jQuery هذه للحصول على بعض الأمثلة الشيقة حول كيفية اللعب باستخدام سمة القيمة ، وكيفية تسميتها :

http://api.jquery.com/val/

على خلاف ذلك - إذا كنت تريد استخدام jQuery بدلاً من javascript في تمرير المتغيرات إلى أي إدخال من أي نوع ، فاستخدم التالي لتعيين قيمة الإدخال على حدث click() ، submit() et al:

في بعض المناسبات تعيين أو تعيين قيمة الإدخال:

$('#inputid').val($('#idB').text());

أين:

<input id = "inputid" type = "hidden" />

<div id = "idB">This text will be passed to the input</div>

باستخدام مثل هذا النهج ، تأكد من أن إدخال html لا يحدد بالفعل قيمة ، أو سمة معطلة ، من الواضح.

احذر الاختلافات betwen .html() و .text() عند التعامل مع نماذج html.


حقل مخفي :

<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 .


يمكنك القيام بذلك على النحو التالي:

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

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

//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