javascript - 使用 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>

我认为这可能适用于 a <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

希望有帮助！