设置并获取表单字段

时间:2012-10-03 17:48:23

标签: javascript html forms

注意 如果这是我发布的插件信息的错误位置,我很抱歉。我相信这会有所帮助。

我想知道是否有办法根据对象自动设置表单字段。 我的意思是,如果我有一个对象

  user = {
    text: ['text fields1', 'text fields2'],
    radio: 1,
    checkbox:false,
    select: '4'
}

和表格

 <form>
<input name='user.text.0' type='text' />
    <input name='user.text.1' type='text' />
<input name='user.radio' type='radio' value='1'/>
<input name='user.radio' type='radio' value='2'/>
<input name='user.checkbox' type='checkbox' />
<select name='user.select'>
<option value='1'> 1 </option>
<option value='2'> 2 </option>
<option value='3'> 3 </option>
<option value='4'> 4 </option>
</select>
</form>

是否有任何JavaScript库可以自动填充所有表单字段?

我还想要一个将表单作为对象返回的方法。

我的意思是如果我调用该方法它应该返回

     {
    text: ['text fields1', 'text fields2'],
    radio: 1,
    checkbox:false,
    select: '4'
  }

1 个答案:

答案 0 :(得分:0)

我创建了一个小JavaScript library jsfiddle

它有两种方法FormManager.setData(Element, data)FormManager.getData(Element)。 您可以使用FormManager.setData设置表单字段,并且可以使用FormManager.getData将表单字段数据作为对象获取。 它使用字段名称来创建对象键,反之亦然。

我开发了这个,所以我不应该逐个阅读表单字段。