javascript - 如何使用 ; 为一个字段设置多个选项 用javascript分隔

Question

我真的很新，想知道如何将选定的选项填写到像“test1;test2;test3”这样的一行中，这将被保存在一个隐藏字段中。

这需要通过循环来完成。

希望你明白我的意思^^ 因为我的英语不太好。

这里有一个例子：

直到现在我可以循环它，它每次返回选项的一个值，现在我不知道如果它从选项中捕获一个值以仅将其存储在一个变量中，我该如何迭代它。

<div class="row">
  <div class="col-xs-5">
    <select name="from[]" class="js-multiselect form-control" size="8" multiple="multiple">
      <option value="1">Item 1</option>
      <option value="5">Item 5</option>
      <option value="2">Item 2</option>
      <option value="4">Item 4</option>
      <option value="3">Item 3</option>
    </select>
  </div>

  <div class="col-xs-2">
    <button type="button" id="js_right_All_1" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>
    <button type="button" id="js_right_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
    <button type="button" id="js_left_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
    <button type="button" id="js_left_All_1" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>
  </div>

  <div class="col-xs-5">
    <select name="to[]" onChange="updateSelectedValues()" id="js_multiselect_to_1" class="form-control" size="8" multiple="multiple">
    </select>
  </div>
</div>
<input name="ValuesToSelected[]" maxlength="500" id="ValuesToSelected">


<script>
  function updateSelectedValues() {

    var toPopulationRoles = document.getElementById('js_multiselect_to_1'),
      selectedPopRole, i;


    for (i = 0; i < toPopulationRoles.length; i++) {
      selectedPopRole = toPopulationRoles[i];

      if (selectedPopRole.selected) {
        alert(selectedPopRole.value);


      }
    }
  }
</script>

如果将多个选项移到右侧框，则选项应存储在隐藏字段中，例如：Item1;Item2;Item3;

标签： javascript