Як зробити текстове поле автозаповненого jQuery у поле форми?

I got the jQuery autocomplete form mostly working how I need it to work here: http://problemio.com/test.php

але є одна проблема: я не можу отримати область, де вибрані елементи перелічені, щоб бути полем форми. Зараз це просто якась непотрібна текстова область, і коли я намагаюсь зробити це

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

що нічого не отримує в значенні, тому я не можу надіслати його.

1) Як зробити цю область у поле форми, значення якого можна отримати після подання форми? 2) Крім того, як люди можуть дозволити користувачам видаляти вибрані ним предмети?

Дякую!!

0
як щодо $ {'# log'}. text (); ?
додано Автор Marian Bazalik, джерело
Чому б не зробити це текстове поле? Ви можете отримати вміст вашого div, виконавши текст .text ()
додано Автор Jules, джерело

2 Відповіді

Ви не можете отримати значення елемента div (його немає). Це те, що ви намагаєтесь зробити у своєму #add_category обробнику кліку на рядок 75 ( $ ("# log"). Val() - #log це div)

Вам потрібно отримати HTML або текст з розділу div:

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

АБО

Ви можете просто змінити html області log з текстове поле:

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

// to


1
додано
Я бачу. Гаразд спробуй свої ідеї зараз. Повідомлять через пару хвилин :)
додано Автор GeekedOut, джерело
Гаразд повністю працював !!
додано Автор GeekedOut, джерело
Чудово! Удачі!
додано Автор swatkins, джерело

Щоб зробити вибране значення перейти в поле, вам потрібно змінити функцію log() , щоб записати її. Після цього вам також доведеться внести деякі способи видалення введення. Щось на зразок:

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