如何在jquery中提交之前在textarea中顯示錶單數據

我有一個帶單選按鈕和複選框的表單。我有一個textarea提交之前，我必須顯示該textarea中選定的廣播和複選框值。你可以幫助我在這個問題。如何在jQuery中做到這一點？如何在jquery中提交之前在textarea中顯示錶單數據

2012-04-02 ramsai

jQuery的serializeArray方法將在JSON格式返回所有表單元素的數據。

它也將針對查詢字段的類型和返回數據，例如，

var fields = $(":input").serializeArray();

returns-

[ 
    { 
    name: "customerName", 
    value: "jhonny" 
    }, 
    { 
    name: "age", 
    value: "29" 
    }, 

    ]

將返回所有輸入字段的數據在JSON format.You可以解析JSON字符串並在textarea中顯示數據。

Jquery serialize API

來源

2012-04-02 06:28:47 cherit

使用:checked psuedoselector獲取所有無線電和複選框。然後使用每條語句並將它們的值附加到文本框中。

http://jsfiddle.net/hPsHb/2

$(':checkbox, :radio').change(function() { 
    //clear textarea 
    $('textarea').val(''); 

    //for every checked element 
    $(':checked').each(function() { 
     var $textarea = $('textarea'); 
     $textarea.val($textarea.val() + $(this).prop('name') + ' = ' + this.value + '\n'); 
    }); 
});

來源

2012-04-02 06:20:49 mrtsherman

這裏我不需要任何按鈕，當用戶在那一刻值應顯示在textarea.If他此前選擇值的一個問題檢查的單選按鈕，現在他糾正它，它點擊應該重新編寫舊的 – ramsai 2012-04-02 06:32:40

@ramsai - 然後綁定到所有複選框和收音機的更改事件。請看我更新的答案。 – mrtsherman 2012-04-02 06:36:26

嗨mrtsherman，謝謝你的回覆，但我需要一些信息被添加到此。例如，如果一個單選按鈕的值爲1,2,3，那麼如果單擊一個，那麼在textarea中應該是：youclicked'1'選項可以請告訴我如何做到這一點。提前謝謝 – ramsai 2012-04-02 09:59:58

如何在jquery中提交之前在textarea中顯示錶單數據

回答

相關問題