У меня есть выбор стран, которые пользователь может выбрать. Они отображаются в раскрывающемся списке. На данный момент я могу выбрать одну страну, и она заполнит ее в поле ввода, однако я хочу знать, есть ли способ выбрать более одного, и он помещает их в один и тот же флажок.
Данные будут заполнены из базы данных 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"
в вашем поле выбора, чтобы сделать несколько выборов.