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

为什么不直接将新选择附加到输入框中已有的文本。

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