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

希望有所帮助！

使用javascript填充表单字段

2 个答案: