Question

My website分为两部分 - 一个大的（CodeMirror）<textarea>和一个下拉菜单，其中包含<form>（包含“From”，“To”，“其中的主题“输入”链接到send.php文件。

文本区域和表单本身位于不同的<div>内，因此我无法将其链接到我正在传输到send.php文件的其他输入。

当将数据传输到{{1>时，如何将提交按钮链接/连接到<textarea>输入以及与其关联的其他输入（“From”，“To”，“Subject”）文件？

send.php

Answer 1

您可以将表格设为最外面的标签。它不会改变文档的流程。

Answer 2

从技术上讲，您可以使用form属性将textarea与表单相关联：

<form ... id="foobar">
...
</form>
...
<textarea form="foobar" ...>

这是Chrome和Firefox支持的HTML5功能，但不支持IE 9。

请查看其他选项，主要是根据@niomaster的建议重新组织页面，或者使用@Fluffeh建议的JavaScript。但是，在基本功能方面，依赖启用JavaScript并不是一个好主意。在重新组织页面时，应注意避免弄乱任何可能依赖于当前标记的样式（或脚本）。另请注意，当前标记无效，因为li元素仅允许作为ol或ul的子元素，因此无论如何都可以推荐重组（如果可行）。

最简单的说，将<form ...>开始标记移动到body元素的最开头和</form>结束标记就在{{1}结束之前就足够了元素。然后页面上的所有表单字段元素将是此表单的字段。

Answer 3

您不能直接 - 如果它不在表单中，则无法提交。

您可以做的最好的事情是编写一个自定义的javascript函数来替换您的“提交（图像类型）”操作，并将文本中的数据复制到表单中的隐藏字段中然后提交形成最后一个动作。这将获得您想要的结果，而无需用户真正了解您在幕后所做的事情。

修改：正如niomaster正确指出的那样，表单可以涵盖的不仅仅是单个<div>或<li>属性。您可以轻松扩展它而无需更改代码结构。

Answer 4

使用jquery

//从文本区域

获取文本

var textareadata = $("#code").val();

//动态地将隐藏的字段附加到表单

$('form').append('<input type="hidden" name="myfieldname" value="myvalue" id='myvalue'/>');

//将文本adtea数据动态写入附加到表单的隐藏字段

$('#myvalue').val(textareadata);

Answer 5

amiregelz，

您只需在表单标记中添加一个ID即可。使用jquery获取文本区域的值[$（“＃text-areaID”）。val（）;]并使用jquery / javascript添加隐藏字段，将值传递给动态创建的隐藏字段，然后验证表单提交表格。您也可以在php页面中获取textarea的值。

希望它会对你有所帮助。如果有帮助，请标记答案。

如何提交我的＆lt; form＆gt;？</textarea>之外的<textarea>

5 个答案: