jQuery:有单选按钮和textarea更新隐藏表单字段

时间:2011-09-25 06:01:50

标签: javascript jquery forms

使用jQuery并尝试找到我需要的示例真的很新。

1)如果我有5个单选按钮来选择项目,我该如何将所选项目传递给隐藏表格字段?

2)textarea的相同问题。如何将写入的文本传递给隐藏的表单字段并确保为表单提交安全地转义?

感谢您的帮助。

2 个答案:

答案 0 :(得分: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());
});

对于textarea几乎一样:

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

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

答案 1 :(得分:0)

对于<input type="radio"><textarea>,您将需要使用jQuery change()方法。如果要在将输入插入<input type="hidden">之前清理输入,则需要使用一些正则表达式或为您执行此操作的库,例如jQuery Validation Plugin。请记住,在提交表单后,需要对服务器端的javascript / jQuery进行任何卫生/验证。

但我不知道你为什么要将数据从一个表单输入复制到另一个表单输入,你不能只是使用表单输入吗?在<textarea><input type="hidden">中使用数据有什么意义?