如何将jQuery自动填充文本区域变成表单域？

Question

我得到了jQuery的自动完成形式大多是工作，我怎么需要它在这里工作：http://problemio.com/test.php

，但有一个问题：我不能得到在选择的项目列是一个表单域的区域。现在，它只是一些不可编辑的文本区域，当我尝试做一个

var log = $("#log").val(); 

那将一无所获的价值，所以我真的不能提交。

1）如何将该区域设置为可在表单提交时检索其值的表单字段？ 2）另外，人们如何设法让用户移除他们选择的物品？

谢谢！

Answer 1

您无法获得div元素的值（不存在）。这就是你想在上线75的#add_category单击处理程序做什么（$("#log").val() - #log是一个div）

你需要从股利的HTML或文本：

// change line 75 to 
$("#log").html() 
// or 
$("#log").text() 

OR

你可以只改变log区域的HTML与文本区域：

//change 
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div> 

// to 
<textarea id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></textarea> 

Answer 2

到米使所选值进入一个字段，您需要更改log()函数进行记录。之后，您还需要设法删除输入。例如：

function log(message) 
{ 
    $("input[type=submit]").after('<input type="text" name="chosenvalues[]" value="' + message + '" readonly="readonly" /><span class="remover">Remove</span>'); 
    $(".remover:last").click(function() { 
     $(this).prev("input").remove(); 
    }); 
}