Javascript для отправки формы кнопка

Question

Я хочу создать кнопки через Javascript, который также может выполнять функцию формы. Вот как я это делаю, но моя функция формы не работает, когда я нажимаю. Пожалуйста, помогите мне в этом.

Внешний Javascript

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> 

Скрипт работает правильно, но функция OnClick не работает.

Answer 1

ouldn't вы должны сделать это:

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

Что вы делаете в исходном коде строит строку «< кнопку> яблоко» и создать переменную с именем OnClick со значением «это .form.T4.value ++;». Я считаю, что вам нужно создать строчку со всем тегом кнопки в ней, что и делает код выше.

Answer 2

Я никогда раньше не видел такой код для создания кнопки с JavaScript. Я бы пошел с чем-то более подобным;

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

Пример можно увидеть здесь http://jsfiddle.net/4yV4V/

Это дает вам некоторые повторно используемого кода для создания кнопки и передавая то, что вы хотите onclick даже быть. Также вы можете настроить этот код для других ситуаций.