Stack Overflow如何与表单一起提交标签?

时间:2014-05-20 00:25:23

标签: javascript html

我需要在点击按钮时提交表单,然后照常重定向。问题是我使用JavaScript和CSS创建了自己的<select>机制,因此除非我使用AJAX(我想避免阻止表单重新提交),否则不会提交<option>

那么,Stack Overflow(本网站)如何使用常规提交按钮提交标签?单击提交按钮时,我可以使用类似的方法提交所选选项吗?

2 个答案:

答案 0 :(得分:5)

你过度思考这个问题。

打开浏览器的调试控制台,加载它包含的任何DOM可视化工具,找到id为#34;标记名&#34;的输入元素。这就是标签的提交方式。

using the DOM inspector in Firefox

现在,有a bunch of fancy stuff going使它看起来更有趣,更容易使用,但是当你在SO上提交问题时,标签只是一个空格 - 字符串的分隔列表(或逗号分隔,如果您愿意)。然后将它们解析出服务器端并映射到数据库中的相关信息。

这就是Stack Overflow的工作方式。尽管如此,这听起来并不像你所说的那样。如果您想让您的用户从某种类型的列表中选择标记,那么只需确保所选值最终在某些类型的正确表单字段中 - 然后它们将随之一起提交形式。

另见:jQuery autocomplete tagging plug-in like StackOverflow's input tags?

答案 1 :(得分:2)

使用JavaScript动态创建<input type="hidden">个元素。他们将与表格一起提交。