자바 스크립트 변수 값을 입력 유형 숨겨진 값으로 전달

자바 스크립트 변수 값을 입력 유형 숨겨진 값으로 전달

---

HTML 문서에 이미있는 숨겨진 필드에 두 정수의 곱 값을 할당하고 싶습니다. 나는 자바 스크립트 변수의 값을 얻은 다음 숨겨진 입력 유형에 전달하는 것에 대해 생각하고있었습니다. 설명하는 데 어려움을 겪고 있지만 이것이 작동 방식입니다.

스크립트 예

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

위의 제품을 계산하고 제품이 숨겨진 필드에 있기를 원합니다.

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

이것이 어떻게 가능한지?

---

숨겨진 필드에 ID를 제공 할 수 있습니다.

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

그 값을 할당하려면 다음을 수행하십시오.

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

window.load이벤트 에서와 같이 DOM이 완전히로드 된 후에이 할당을 수행하고 있는지 확인하십시오 .

---

이미 숨겨진 입력이있는 경우 :

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

---

다음과 같이 할 수 있습니다.

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

---

이 jQuery 페이지에서 value 속성을 사용하는 방법과이를 호출 하는 방법에 대한 흥미로운 예제를 확인 하십시오.

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

그렇지 않으면 - 당신은 어떤 종류의 입력 변수를 전달 jQuery에보다는 자바 스크립트를 사용하려는 경우, 다음 사용 설정 이벤트의 입력 값을 click(), submit()그 외 :

어떤 이벤트에; 입력 값을 할당하거나 설정 합니다.

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

어디:

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

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

이러한 접근 방식을 사용하여 html 입력이 이미 값이나 비활성화 된 속성을 지정하지 않았는지 확인하십시오.

HTML 양식을 다룰 때 .html()와 차이점을주의하십시오 .text().

---

숨겨진 필드 :

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

스크립트 :

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

---

입력에 대한 일부 ID를 추가

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

---

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

---

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

이제 이것은 혼란 스럽지만 작동합니다 ...

참고URL : https://stackoverflow.com/questions/7764154/pass-a-javascript-variable-value-into-input-type-hidden-value