jQueryオートコンプリートテキストエリアをフォームフィールドにする方法は？

Question

私は主に私はそれがここで作業する必要がどのように取り組んでjQueryのオートコンプリートフォームを得た：http://problemio.com/test.php

が、1つの問題がある：私が選択した項目がフォームフィールドであることを記載されていた領域を取得することはできませんが。今、それはいくつかの編集不可能なテキスト領域であると私は値では何も得ないので、私は実際にそれを提出することはできません

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

をしようとするとき。

1）どのようにフォーム領域に値を帳票提出時に取り出すことができるのですか？ 2）また、ユーザーが選択したアイテムをユーザーが削除できるように管理するにはどうすればよいですか？

ありがとうございます！

Answer 1

div要素の値を取得することはできません（存在しません）。

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

： - それはあなたがライン75上のご#add_categoryクリックハンドラでやろうとしているものだ

あなたはdiv要素からHTMLやテキストを取得する必要があります（$("#log").val() #logはdivがあります） Mに

//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エリアのHTMLを変更することができますOR

選択された値は、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(); 
    }); 
}