合并输入类型=“文本”和选择标记

Question

我有一个选择元素列表：

<select id="id_tags_to" multiple="multiple" size="0" name="tags" class="filtered"></select>

我想以某种方式将选择元素的整个列表翻译成文本OR，用选择元素列表的内容填充新表单（输入类型=文本）作为一个文本字符串。

我试过了：

<form action="/search/{{search_type}})" method="get">
<input type="text" name="qTag">
<input type="submit" value=" Search Tags">
<select id="id_tags_to" multiple="multiple" size="0" name="tags" class="filtered"></select>
</form>

这不起作用，因为它不仅没有完成我想要做的事情，而且还打破了选择功能。

如果它不是很明显，我没有使用html或javascript或jquery的经验，我只是想尝试使用临时代码，所以任何快速和肮脏的建议都会很棒。

Answer 1

您好，您可以使用html5轻松实现，它称为数据列表，它是html5中的新表单类型，非常有用希望这有帮助 - Andrew

  <datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
  </datalist>

Answer 2

首先，您需要<select>元素包含一些<option>元素。见some reference here！

然后，您可以使用javascript获取选择元素的列表，并在文本字段中填充它。安装jQuery并使用this example来处理代码。我希望能帮到你！