根据输入和复选框为文本区域构建“值”

Question

如问题所述，如何为textarea构建上下文，例如，我不希望或无法修改Framework的控制器或模型，但是可以更改“视图/模板”或在“视图/模板”中添加字段”，所以说这是我的模板：

<form>
    <input name="name" id="name">
    <input name="lastname" id="lastname">
    <textarea name="onservations" id="observations"></textarea>
</form>

说这就是表单的全部内容，但是我需要添加一些其他输入，但是额外的输入未在控制器或模型上定义，它们也需要保存，并且我只知道一点点HTML，所以请多多包涵在这个...

因此，由于我无法添加或修改控制器或模型，因此只能假设我可以将额外的字段添加到模板中，然后将它们传递到基本html中的textarea中，因为framewok不会剥离基本html标签，因此我可以使用p ， em ， a ， b ， strong ， i ， table ， img ...这样我的新形式将如下所示：

<form>
    <input name="name" id="name">
    <input name="lastname" id="lastname">
    <div id="original_text" style="display: none;">
        <textarea name="observations" id="observations"></textarea>
    </div>

    <!-- Extra Field -->
    <input type="text" name="what">
    <input type="radio" value="Yes" id="yes_r" name="n_rs">Yes
    <input type="radio" value="No" id="no_r" name="n_rs" >No
    <textarea name="observations_2" id="observations_2"></textarea>
</form>

因此，这里有我的额外字段，我如何将额外字段的值传递给ID为“ observations”的文本区域，说用户选中“是”，然后在“什么”中输入内容，然后在“ observations_2”上输入“输入其他内容...
因此原始textarea的值将如下所示：

<p>What happen?: [value from input text name what]</p>
<p>Would you like a candy? [value from the radio buttons named n_rs]</p>
<p>Your observations are: [value from textarea named observations]</p>

那3

保存在数据库中“观察”列下，现在，请记住，控制器，模型或助手无法修改，我无法在数据库中添加其他列，因此我只能使用已有的东西解决方案是做一个jQuery，可以将这些值传递到该textarea。
那么，jquery的外观如何？
感谢您抽出宝贵的时间。

Answer 1

这应该连接您的值，然后将格式化的字符串放入textarea 。 如果任何元素发生更改，它将“刷新”您的textarea ：

$('#observations_2, input[name=what], input:radio[name=n_rs]').on("keyup change", function(){
    var allTogether = 
        "What happen?: " + 
        $('input[name=what]').val() +
        "\n" +
        "Would you like a candy? " +
        $('input:radio[name=n_rs]:checked').val() +
        "\n" +
        "Your observations are: " +
        $('#observations_2').val()
    ;
    $('#observations').val(""); // First clear it
    $('#observations').val(allTogether); // Then rebuild it
});

小提琴： http ： //jsfiddle.net/QWau9/