使用JavaScript填充表单字段

Question

我有一个表单，其中包含由用户填充的多个字段，并且在提交表单之前，当选中按钮时会调用一些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)> }

Answer 1

innerHTML用于获取/设置html标记的主体，因此您可能最终在html中得到以下内容：

<input ...>test</input>

我认为这可能适用于<textarea> ，但是对于您的<input type="text">您想设置value属性。

document.getElementById('var1').value = test;

Answer 2

如果您想通过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

希望有帮助！