2011-08-25 33 views
0

这可能是不可能的,但我认为它值得一试,所以我问。是否可以在textarea中创建某种类型的下拉菜单?

Servlet API基本上是一个票务流程/脚本,通过搜索表单来查找表单字段,它可以识别,它有一个名称列表,这些名称是它唯一可以识别的表单字段,创建一张票。

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

所以基本上这个票务流程有一个在表单中搜索的“NAMES”列表,并且所有的表单字段都有一个来自Servlet API的“NAMES”列表的“NAME”,它将选择并填写一个票..

因此,例如。 http://jsfiddle.net/KWetJ/这里有一个名为“优先级”的文本框

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

Servlet List

优先表单字段被拾起,因为它在Servlet API列表相匹配的名称,并创建具有优先级的票证选择的形式和通过Servlet API的回升。

enter image description here

现在的问题:因为有些人可能已经猜到了,我不能创建额外的或自定义表单字段的名字,因为我不能添加新的名字到servlet API列表。所以我想如果可能的话就是在表单的Description部分添加一个下拉列表,并且以这种方式我可以开始添加文本框并将其放入该textarea中以进行描述。

目标是:enter image description here

可能的解决方案或替代,我会怎么做呢? enter image description here ![用AJAX替代的或可能的解决方案] [4]

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

回答

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> 
+0

这就是我正在寻找的!完美的作品!如果在下拉菜单中选择不同的选项时,输入到textarea中的值可能会更好,因为现在,如果您在下拉菜单中选择一个选项,则另一个选项将继续附加到textarea中。 – Bulvak

1

一个textarea永远只能有文本在里面。 textarea中的HTML表单字段标记将不会呈现为输入元素。如果你想在文本中嵌入HTML元素,并将它们渲染为输入元素,则需要使用类似CKeditor之类的东西。

+0

马克感谢您回复我期待到该编辑器。我有一个想法是我想要自定义的表单域,例如,当用户选择一个下拉选项时,例如使用AJAX或任何可能的方法,在字段中选择该值或选项并将其作为文本追加到textarea中。我提供了一个我的意思的例子。 – Bulvak

相关问题