jQuery：具有單選按鈕和textarea更新隱藏表單字段

Question

真的很新，使用jQuery並試圖找到我需要的示例。

1）如果我有5個單選按鈕來選擇一個項目，如何將選定的項目傳遞給隱藏的表單域？

2）同樣的問題一個textarea。如何將寫入文本的文本傳遞給隱藏的表單字段並確保其安全地轉義以進行表單提交？

感謝您的任何幫助。

Answer 1

您可以直接綁定到更改事件：

<input type="hidden" id="myradiovalue" /> 
<input type="radio" name="myradio" value="0" /> 
<input type="radio" name="myradio" value="1" /> 

$('input[name=myradio]').change(function() { 
    $('#myradiovalue').val($(this).val()); 
}); 

而且幾乎相同的文字區域：

<input type="hidden" id="mytextarevalue" /> 
<textarea id="mytextareavalue"></textarea> 

$('textarea').change(function() { 
    $('#mytextareavalue').val($(this).val()); 
}); 

Answer 2

對於<input type="radio">和<textarea>，您都希望使用jQuery change()方法。如果你想在輸入到<input type="hidden">之前對輸入進行消毒，那麼你將需要使用一些正則表達式或者一個庫來爲你做這件事，比如jQuery Validation Plugin。請記住，在提交表單之後，對JavaScript/jQuery所做的任何衛生/驗證都需要在服務器端進行雙重檢查。

但我不知道你爲什麼要將數據從一個表單輸入複製到另一個表單輸入，你不能直接使用表單輸入嗎？數據在<textarea>和<input type="hidden">中有什麼意義？