Объединить входной тип = «текст» и выберите тег

Question

У меня есть список избранных элементов:

<select id="id_tags_to" multiple="multiple" size="0" name="tags" class="filtered"></select> 

Я хотел бы, чтобы каким-то образом либо перевести весь список выбранных элементов в текст OR, заполнить новую форму (с типом ввода = текст) с содержимым списка элементов выбора как одна строка текста.

Я пробовал:

<form action="/search/{{search_type}})" method="get"> 
<input type="text" name="qTag"> 
<input type="submit" value=" Search Tags"> 
<select id="id_tags_to" multiple="multiple" size="0" name="tags" class="filtered"></select> 
</form> 

Это не работает в том, что он не только не выполнил то, что я пытаюсь сделать, но он также сломал выбора функции.

В случае, если это не очень очевидно, у меня нет опыта работы с html или javascript или jquery, я просто пытаюсь получить что-то, работающее с временным кодом, поэтому любое быстрое и грязное предложение было бы замечательным.

Answer 1

Здравствуйте, вы можете использовать HTML5, чтобы добиться того, что легко, его называют DataList его новая форма типа в html5, который очень полезен надеюсь, что это помогает - Эндрю

<datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
    </datalist> 

Answer 2

Сначала вам нужно что <select> элемент содержит некоторые <option> элементов. См. some reference here!

Затем вы можете получить список элементов select, используя javascript, и заполнить его в текстовом поле. Установите jQuery и используйте this example для работы с вашим кодом. Надеюсь, это поможет!