多选列表框（相同表单 - 提交） - 出错 - 显示选定值

Question

首次加载 -

将表字段中的值读入变量

如果字段为空 - 那么就不要做任何事情

只需从默认元素自定义值

填充列表框

提交（同一页） - 选择的多种价值

在提交时，将列表框中的“选定值”存储在隐藏元素的数组中

或临时持久变量或＆gt;也许是一个隐藏的虚拟领域

ON ERROR - REFRESH

如果出现错误： - 示例：表单中未填写其他必填字段（所选隐藏值尚未提交给数据库）

然后

加载隐藏的“选定值”数组

在列表框中 - 匹配隐藏的“选定值”数组＆lt;＆lt;＆gt;＆gt;使用下拉列表元素自定义值

最后 - 突出显示并将列表框中的值显示为已选中。

如果没有错误

然后将分隔字符串中的值提交到表字段。

Answer 1

Demo here 可以选择多个元素

    <select onclick="getValues();" id="cars" name="cars" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<p>Selecting item will toggle its state:</p>
<p id='output'>Selected Item:</p>





var values=new Array();
var cars=document.getElementById("cars")
function getValues()
{
    var index=values.indexOf(cars.value);
    if (index > -1) 
      values.splice(index, 1);
    else
        values.push(cars.value);
  document.getElementById('output').innerHTML="Selected Item:"+values.toString();
}