使用javascript填充表单字段

时间:2013-03-25 14:35:18

标签: javascript playframework-2.0

我有一个表单,其中包含用户填充的几个字段,在提交之前,当检查按钮时会调用一些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)> }

2 个答案:

答案 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

希望有所帮助!