我如何发送textarea的内容?

时间:2014-04-08 05:26:45

标签: javascript jquery html twitter-bootstrap

我如何发送description textarea的内容?

这是我的代码:

HTML:

   <form action="foo?idA=140" id="formu" method="post">    
      <div class="modal fade" id="rpopup" hidden>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="titred"><small>Veuillez décrire brièvement ce que vous avez fait</small></h4>
                </div>
                <div class="modal-body">
                    <textarea id="description" cols="90" rows="5" maxlength="200" style="border:0px;" autofocus required></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
                    <button type="button" class="btn btn-success" id="submitd">Valider</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</form>

使用Javascript:

    <script>
        $('#re').on('click', function (e) {
            $('#rpopup').modal('show');
        });
        $("#submitd").click(function () {
            $("#formu").submit();
        });
    </script>

当我填写它并发送它时,我得到undefined值。我该如何处理这个问题?

非常感谢!

2 个答案:

答案 0 :(得分:4)

使用表单提交数据时,必须对所有输入字段使用name属性。

<textarea id="description" name="description" cols="90" rows="5" maxlength="200" style="border:0px;" autofocus required></textarea>

然后,您可以使用textarea的名称

在操作页面中访问此值
$_POST['description'];

答案 1 :(得分:2)

只需向name提供textarea,然后textarea的内容将作为请求参数与任何其他表单数据一起发送。您可以使用您为textarea提供的名称从请求对象在服务器中访问它

<textarea id="description" name="description" cols="90" rows="5" maxlength="200" style="border:0px;" autofocus required></textarea>