2011-07-11 15 views
1

私は関数(データ){...}内のフォーム要素を入力するためにgetJSONを使用しています。AJAX成功のコールバック内でフォームを作成

何がgetJSONの成功コールバック内で動的なHTMLフォームを作成するための最良の方法です。

私はこのフォームでボタンのクリックに基づいて/ショーのdiv/UIエレメントを有効にすることができるはずです。

ありがとうございました

+0

コードスニペットは、私が戻って成功コール内のフォーム要素を(無効/読み取り専用)事前移入しgetJSONを使用しています – ghayes

答えて

0

動的コンテンツを作成し、ポップアップで表示する方がよいでしょう。 もしあなたがコードを通してちょっと説明すれば、それはいいと思うし、より速い応答を得るでしょう。

+0

に役立つだろう。ボタンをクリックすると、他のテキスト入力とボタンがいくつか表示され、すべてのテキスト入力が有効になります。ポップアップは最善の方法ですか? – jqueryEnthusiast

2

あなたは簡単に次のパターンでのjQueryを使用してHTMLを作成することができます。特に

var successFunc = function(json) { 
    form = $('<form>').attr('method', 'get'); 
    form.append($('<input>').attr({'type': 'text', 'val', 'jquery rocks'}); 
    form.appendTo(document.body); 
} 

以上:

//assume json = { resultDiv: '.myResultDiv', value: 'this is an input' }; 

$.ajax({ ... 
    success: function(json) { 
    form = $('<form>').attr('method', 'get'); 
    form.append($('<input>').attr({'type': 'text', 'val', json.value}); 
    form.appendTo($(json.resultDiv)); 
    } 
} 

・ホープ、このことができます!

関連する問題