변수를 사용하여 양식 입력의 기본값 정의

Question

양식을 제출할 때 기본값으로 사용하려는 totaldue이라는 변수가 있습니다. 코드가 있습니다

input type="number" name="sum-due" readonly="readonly" value=totaldue 

그러나이 형식에는 totaldue의 내용이 표시되지 않습니다.

이 작업을 수행 할 수 있습니까? 그렇다면 올바른 구문은 무엇입니까?

Thx- 마리

Answer 1

당신은 HTML로 텍스트 박스 변수를 할당 할 수 없습니다. 대신 직접

input type="number" name="sum-due" readonly="readonly" value="5" 

이 유일하게 가능한 javascript 또는 jQuery를 사용하는 값을 넣습니다.

예를 들어

:

<input id="my-input" type="number" name="sum-due" readonly="readonly" /> 

JS :

var totaldue = 5; 
document.getElementById('my-input').value = totaldue; 

UPDATES : 귀하의 의견에서

,

<script> 
    var totaldue = 10; 
    document.getElementById('paythis').value = totaldue; 
</script> 

<form id="pay1" action="hotguidebelize-com.cgi-data.com/webform/5627816.cgi"; method="post"> 
    <label>Total amount due:</label> 
    <input id="paythis" type="number" name="sum-due" readonly="readonly" /> 
    <input type="submit" value="Proceed To Payment" /> 
</form> 

이전에 말했듯이 HTML을 통해 텍스트 상자에 변수를 할당 할 수 없습니다. 다음은 실수입니다.

(1) 변수 totaldue이 (가) javascript에 할당되었습니다.

var totaldue = 5; 

(2) <label> 태그를 사용해보십시오. 자세한 내용은 MDN.

(3) id 선택자를 나타내는 document.getElementById을 사용하고 있습니다. 하지만 input 태그에 ID를 지정하지 않았습니다. 여기 MDN

<input id="paythis" type="number" name="sum-due" readonly="readonly" /> 

에서 더 많은 정보는 내가 당신을 위해 만든 JSFiddle 간단하다.

시간을내어 답장을 보내거나 다른 사람들에게 도움을 얻을 수 있는지 의심없이 자유롭게 질문하십시오.

Answer 2

당신이 HTML 요소에 기본 값을 설정하려면 다음 두 가지 옵션이

옵션 1

input type="number" name="sum-due" readonly="readonly" value="your_literal_value" 

옵션 2가 - (당신이 사용할 수있는 경우) 자바 스크립트/jQuery를 사용하여

을

HTML

<input type="number" id="totalDueTextbox" name="sum-due" readonly="readonly" value="your_literal_value" /> 

자바 스크립트

$(document).ready(function() { 

var totaldue = 200; 
$("#totalDueTextbox").val(totaldue); 
});