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>

现在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 +', ';

多个选择到输入框

3 个答案: