反向的$.serializeArray？

Question

假设我有一个带有键和值的对象，如

{
  input_1: 'value_of_input_1',
  input_2: 1,
  input_3: 'two'
}

然后是一些输入字段：

   <input type="text" name="input_1">
   <input type="checkbox" name="input_2">
   <select name="input_3">
     <option value="one"> One </option>
     <option value="two"> Two </option>
     <option value="three"> Three </option>
   </select>

是否有能够将值从对象变量复制到实际输入字段的jQuery函数？我的意思是设置正确的值，选中或取消复选框，选择正确的选项等等。

我知道$.val()，但它只适用于文本字段？

Answer 1

我知道，如果回答关于A库的问题，回答“只使用B库就行！”，这是令人皱眉的。所以，把这作为一种选择来考虑，而不是更多。也许这对你的处境来说是个好主意。

您正在寻找像Knockout这样的数据绑定库(关键字MVVM)。

最简单的例子是：

function ViewModel(data) {
    ko.mapping.fromJS(data, {}, this);
}

var data = {
    input_1: 'value_of_input_1',
    input_2: 1,
    input_3: 'two'
};

ko.applyBindings(new ViewModel(data));

和

<input type="text" name="input_1" data-bind="value: input_1">
<input type="checkbox" name="input_2" data-bind="checked: input_2">
<select name="input_3" data-bind="value: input_3">
  <option value="one"> One </option>
  <option value="two"> Two </option>
  <option value="three"> Three </option>
</select>

看这把小提琴：http://jsfiddle.net/t2QhU/2/