我有一个表单,其中包含用户填充的几个字段,在提交之前,当检查按钮时会调用一些javascript。它尝试将表单字段的值设置为js函数中存在的变量。
document.getElementById('var1').innerHTML = test;
alert(test);
我知道javascript正在按预期工作,因为我看到警报但表格框没有填充:
@helper.input(testForm("var1")) { (id,name,value,args) => <input type="text" name="@name" id="@id" @toHtmlArgs(args)> }
答案 0 :(得分:1)
innerHTML
用于获取/设置html标记的正文,所以你可能在html中以此结尾:
<input ...>test</input>
我认为这可能适用于<textarea>
,但对于<input type="text">
您要设置value
属性。
document.getElementById('var1').value = test;
答案 1 :(得分:0)
如果你想通过JS以编程方式设置一个html表单字段,有很多方法可以做到这一点,而且很多库都非常容易。
如各种JS双向组件模板绑定库。
例如,您可以简单地执行以下操作:
HTML:
<div id="myapp">
<input id="var1"/>
<button>Submit</button>
</div>
JS:
mag.module('myapp',{
view : function(state){
var test= 'tester';
state.button= {
_onclick:function(){
state.var1=test
}
}
}
});
以上是上述示例的工作示例: http://jsbin.com/ciregogaso/edit?html,js,output
希望有所帮助!