Question

在我看来，我想添加文本用户输入textarea以添加到我的表中。

用户在文本区域的文本中输入类型，然后单击按钮，然后文本显示在表格中。

我必须在我看来遵循代码。

    <p>Custom Question</p>
<div class="editor-field">
@Html.TextAreaFor(model => model.CustomQuestionText)
@Html.ValidationMessageFor(model => model.CustomQuestionText)
</div>
<div><p><input type="button" value="Lägg till" /></p></div>
</div>

这是我希望填写文本的表格：

<table id="CustomTable">
<thead><tr><th>Custom questions</th></tr></thead>
<tbody>
</tbody>
</table>

感谢Jquery的任何解决方案，提前感谢。

Answer 1

为您的按钮指定一个ID，然后使用JQuery点击功能捕获文本框值并附加到表格中：

<input type="button" id="btnAppend" value="Lägg till" />


<script>
    $("#btnAppend").click(function() {
        var textboxVal = $("#CustomQuestionText").val();

        $("#CustomTable").append("<tr><td>" + textboxVal + "</td></tr>");
 });

</script>

Answer 2

$(function() {
    $(':input[type="button"]').click(function() {
        $('#CustomTable tbody').append(
            $('<tr/>', {
                html: $('<td/>', {
                    text: $('#CustomQuestionText').val()
                })
            })
        );
        return false;
    });
});

这是一个live demo。

使用jquery将文本从textarea添加到表中

2 个答案: