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

你不应该这样做：

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

您在原始代码中所做的是构建字符串“＆lt; button＆gt; apple”并创建一个名为onClick的变量，其值为“this.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甚至是什么。您也可以为其他情况自定义此代码。

用于提交表单按钮的Javascript

2 个答案: