2

ユーザーが選択できる国の選択肢があります。これらはドロップダウン ボックスに表示されます。現時点では、1 つの国を選択して入力ボックスに入力できますが、複数の国を選択して同じボックスに入れる方法があるかどうかを知りたいです。

データは mysql データベースから入力されます

私の自己を明確にすることを願っています。

これまでの私のコードは次のとおりです。

ジャバスクリプト:

<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>

オーストラリアを選択すると、ボックスにオーストラリアが表示され、ドロップダウンに戻って南アフリカを選択すると、オーストラリア、南アフリカと同じボックスに入れられます。

君たちありがとう

4

3 に答える 3

0

複数選択ボックスと名前を配列として使用:

<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ボックスに入れます。

于 2013-04-16T10:37:51.470 に答える
0

すでに入力ボックスにあるテキストに新しい選択を追加するだけではどうですか。

txtTextObj.value += selObj.options[selIndex].text +', ';
于 2013-04-16T10:51:37.827 に答える