使用ajax在點擊按鈕時添加多個輸入

Question

我在尋找的是一些參考資料或文檔，它們提供了有關執行jQuery和AJAX技巧以通過單擊按鈕將多個輸入添加到表單的信息。 Google的Gmail客戶端就是一個很好的例子，它允許在電子郵件中添加多個附件。在後面的實現允許大量的輸入字段，這些輸入字段可以在單擊按鈕時出現在空氣中。

Answer 1

好吧，有點模糊，但我會去。

你可以做的是三件事。

1）使用jQuery克隆表單的一部分，然後將克隆追加到您想要的位置。

2）只需使用jQuery native添加新控件。

3）調用ashx文件，該文件反過來返回一個Web用戶控件，然後將其附加到您想要的位置。

因此對於項目3;

 $.get('/UserControls/MyASHXFile.ashx?', {}, function (data) { 
      //code here to take the variable 'data' and append to a part of the form 
     }); 

現在ashx;

public class PublishPricingCalculator : IHttpHandler 
{ 

    public void ProcessRequest(HttpContext context) 
    { 
     context.Response.ContentType = "text/plain"; 
      context.Response.Write(ViewManager.RenderView("/UserControls/MyUserControl.ascx")); 
    } 
} 

使用此鏈接http://weblogs.asp.net/scottgu/archive/2006/10/22/Tip_2F00_Trick_3A00_-Cool-UI-Templating-Technique-to-use-with-ASP.NET-AJAX-for-non_2D00_UpdatePanel-scenarios.aspx以獲取ViewManager以及如何將代碼從一個ASHX文件返回一個視圖。

我真的希望這可以幫助你

選項1

這僅僅涉及具有以下HTML

<div class="CloneToHere"></div> 

<div style="display:none" class="MyDiv"> 
    <content/> 
</div> 

現在您的jQuery的可能是這樣的;

$('.MyDiv').appendTo('.CloneToHere'); 

http://api.jquery.com/clone/

選項2

$('.CloneToHere').append('<p>Test</p>'); 

http://api.jquery.com/append/