1

ajax フォームの例

<form method="post">
  <input type="text" name="name" />
  <input type="text" name="email" />
  <select name="group">
    <option value="1">group 1</option>
    <option value="2">group 2</option>
  </select>
  <button type="submit">submit</button>
</form>

フォームが表示されるたびにajax呼び出しが送信され、サーバーは次のようなjsonオブジェクトを返します

{"name":"john", "email": "john@some-domain.com", "group": 2}

フォームにjsonデータを手動で入力するという面倒な作業はしたくありません。

$('#myform').fillWith( json );
4

1 に答える 1

4

そのための簡単なプラグインを簡単に作成できます。

jQuery.fn.fillWith = function(input) {
  return this.each(function(){
    var form = this;
    $.each(input, function (key, value) {
      $(form).find('[name='+key+']').val(value);
    });
  });
};

input、select、要素のみをチェックするように、属性セレクターを最適化することができますtextarea。この例では、セレクターは任意の要素 ( ) を探しています*[name=foo]。

また、ラジオ ボタンを正しく処理するためにコードを追加する必要がある場合もあります。

ここでマークアップの例を確認してください。

于 2009-12-28T05:25:51.730 に答える