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

Question

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

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]

Answer 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>