php - 输入框多选

Question

我有一些国家可供用户选择。它们显示在下拉框中。目前我可以选择一个国家，它会在输入框中填充它，但是我想知道是否有一种方法可以选择多个国家并将它们放在同一个框中。

数据将从 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>

所以我想要的是，如果你选择澳大利亚，它会在框中显示澳大利亚，然后返回下拉列表并选择南非，它会将其放入同一个框：澳大利亚，南非。

谢谢你们

Answer 1

使用多选框和名称作为数组：

<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框中。

Answer 2

  <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"在您的选择框中使用以进行多项选择。

Answer 3

为什么不只是将新的选择附加到输入框中已经存在的文本中。

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