如何將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(); 
    }); 
}