是否可以在文本区域中创建某种下拉菜单？答案

【问题标题】：Is it possible to create a drop down of some sort in a textarea?是否可以在文本区域中创建某种下拉菜单？
【发布时间】：2011-08-25 15:12:09
【问题描述】：

这可能是不可能的，但我认为值得一试，所以我问。

Servlet API 基本上是一个票务流程/脚本，它在表单中搜索以查找它识别的表单字段，它有一个名称列表，并且这些名称是它识别的唯一表单字段，创建时它不会拾取的任何其他内容一张票。

我相信每个人都知道所有元素都具有的 html 中的属性“NAME”。

所以基本上这个票务流程有一个它在表单中搜索的“NAMES”列表，以及从 Servlet API 的“NAMES”列表中选择并填写一张票的所有具有“NAME”的表单字段..

例如。 http://jsfiddle.net/KWetJ/这里有一个名为“priority”的文本框

下面是 Servlet API 的“名称”列表。它将搜索表单，并且由于表单中的一个 NAMES 与它的 Servlet API 名称列表匹配，它会选择它并将其添加到票证中。

优先级表单字段在与 Servlet API 列表中的名称匹配时被选取，并创建具有在表单中选择并由 Servlet API 选取的优先级的票证。

现在的问题：正如一些人可能猜到的那样，我无法创建额外的或自定义的表单字段名称，因为我无法将新名称添加到 Servlet API 列表中。因此，如果可能的话，我想的是在表单的描述部分中添加一个下拉列表，这样我就可以开始将文本框和下拉列表添加到该文本区域中进行描述。

目标是这样的：

一个可能的解决方案或替代方案，我该怎么做？ ![AJAX 的替代或可能的解决方案][4]

![使用 AJAX 的替代或可能的解决方案][4]

【问题讨论】：

标签： javascript html ajax servlets

【解决方案1】：

试穿尺寸：http://jsfiddle.net/maniator/Ke5dy/

$('#addText').change(function(){
    $('#myText').append(this.value);
});

HTML：

<select id='addText'>
    <option value='hello'>hello</option>
    <option value='hi'>hi</option>
    <option value='hola'>hola</option>
    <option value='shalom'>shalom</option>
</select>

<textarea id='myText'></textarea>

【讨论】：

这正是我想要的！完美它的作品！如果在下拉菜单中选择不同的选项时可以更改输入到 textarea 中的值会更好，因为现在如果您在下拉菜单中选择一个选项，然后另一个选项将继续附加到 textarea 中。

【解决方案2】：

文本区域中只能有文本。文本区域中的 HTML 表单字段标签不会呈现为输入元素。如果您希望在文本中嵌入 HTML 元素并将它们呈现为输入元素，则需要使用类似 CKeditor 的东西。

【讨论】：

马克谢谢你的回复我正在调查那个编辑器。我的一个想法是拥有我想要自定义的表单字段，当用户选择一个下拉选项时，例如，使用 AJAX 或任何可能的方式，获取在字段中选择的值或选项并将其作为文本附加到 textarea 中。我提供了一个例子来说明我的意思。