양식 제출 버튼 용 자바 스크립트

Question

양식 기능을 수행 할 수있는 자바 스크립트를 통해 버튼을 만들고 싶습니다. 여기에 내가 어떻게 지내지만, 클릭하면 내 양식 기능이 작동하지 않습니다. 이것 좀 도와주세요. 외부 자바 스크립트

var onef  
onef="Apple"  
var twof  
twof="Orange"  

지금이 내가 HTML 페이지

<script> 
    document.write("<button>")  
    document.write(onef)  
    onClick=("this.form.T4.value++;") 
</script> 
<script> 
    document.write("<button>") 
    document.write(twof) 
    onClick=("this.form.T5.value++;") 
</script> 

에서 뭐하는 거지 스크립트를 잘 작동하지만 온 클릭 기능이 작동하지 않을 것입니다.

Answer 1

이 작업을 수행해야 ouldn't :

<script> 
    document.write("<button ")  
    document.write('onClick="this.form.T4.value++;">') 
    document.write(onef)  
    document.write("</button>") 
</script> 

당신이 원래 코드에서하고있는 문자열 "< 버튼> 사과"및 구축 "이 값으로 온 클릭라는 변수를 생성 .form.T4.value ++; " 내가해야 할 일은 위의 코드가 수행하는 전체 버튼 태그가있는 문자열을 만드는 것입니다.

Answer 2

자바 스크립트로 버튼을 생성하기 전에 이와 같은 코드를 본 적이 없습니다. 나는 이것 같이 더 무언가에 갈 것입니다;

var onef ="Apple"; 
var twof ="Orange"; 

function createButton(context, func, text){ 
    var button = document.createElement("input"); 
    button.type = "button"; 
    button.value = text; 
    button.onclick = func; 
    context.appendChild(button); 
} 

createButton(document.body, function(){ this.form.T4.value++; }, onef); 
createButton(document.body, function(){ this.form.T5.value++; }, twof); 

예는 당신이되고 심지어는 onclick을 원하는 무엇도이 당신에게 버튼을 생성 및 전달에 대한 몇 가지 재사용 가능한 코드를 제공 여기 http://jsfiddle.net/4yV4V/

볼 수 있습니다. 또한 다른 상황에 맞게이 코드를 사용자 정의 할 수 있습니다.