Множественный выбор в поле ввода

У меня есть выбор стран, которые пользователь может выбрать. Они отображаются в раскрывающемся списке. На данный момент я могу выбрать одну страну, и она заполнит ее в поле ввода, однако я хочу знать, есть ли способ выбрать более одного, и он помещает их в один и тот же флажок.

Данные будут заполнены из базы данных mysql

Надеюсь, что я сделаю свое ясное.

Вот мой код:

JAVASCRIPT:

<script language="JavaScript" type="text/javascript"> <!-- function showSelected() { var selObj = document.getElementById('countries'); var txtTextObj = document.getElementById('txtText'); var selIndex = selObj.selectedIndex; txtTextObj.value = selObj.options[selIndex].text; } //--> </script> 

HTML:

 <form> <p> </form><select id="countries"> <option value="val0">Australia</option> <option value="val1">England</option> <option value="val2">France</option> <option value="val3">Italy</option> <option value="val4">South Africa</option> </select> <input type="button" value="Show Index" onclick="showSelected();" /> </p> <p> <input type="text" id="txtText" /> <br /> </p> </form> 

Так что я бы хотел, если вы выберете Австралию, она отобразит Австралию в коробке, а затем вернитесь к выпадающему меню и выберите Южную Африку, она помещает ее в ту же коробку, что и Австралия, Южная Африка.

Спасибо вам, ребята

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

 txtTextObj.value += selObj.options[selIndex].text +', '; 

Используйте несколько полей выбора и имя как массив:

 <select id="countries" multiple="multiple" name="countries[]"> <option value="val0">Australia</option> <option value="val1">England</option> <option value="val2">France</option> <option value="val3">Italy</option> <option value="val4">South Africa</option> </select> 

Теперь выбор будет рассматриваться как массив. Используйте код javascript для выбора выбранных значений и преобразования их в список, разделенный запятыми, и введите поле input .

  <select id="countries" multiple="multiple"> <option value="val0">Australia</option> <option value="val1">England</option> <option value="val2">France</option> <option value="val3">Italy</option> <option value="val4">South Africa</option> </select> 

Используйте multiple="multiple" в вашем поле выбора, чтобы сделать несколько выборов.