多选列表框(相同表单-提交)-出现错误-显示所选值

Question

首次加载-

将表格字段中的值读取到变量中

如果字段为空，则不要执行任何操作

只需从默认元素自定义值填充列表框

在提交(同一页)-选择了多个值

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

或临时持久变量，或>可能是隐藏的虚拟字段

关于错误-刷新

如果出现错误：-示例：表单上未填写其他必填字段(所选隐藏值尚未提交到数据库)

然后

加载隐藏的"选定值"数组

在列表框中-匹配隐藏的"选定值"数组<lt；>>带有下拉列表元素自定义值

最后-高亮显示并显示列表框中选定的值。

如果没有错误

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

Answer 1

此处演示可以选择多个元素

<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();
}