使用Javascript从多选选项列表中选择值

时间:2011-11-28 17:17:21

标签: php javascript

如何使用Javascript设置选项列表的值?例如,一个页面加载,我想要选择一个选项列表的几个值(我将使用PHP从数据库生成这些值并回显实际的Javascript)。我不需要实际的页面加载部分,只是如何从选项列表中选择一个值(有多个选择)

1 个答案:

答案 0 :(得分:4)

select包含options个集合。其中的每个元素都具有selected属性。要选择select中的某些项目,只需使用一个简单的循环,并将selected设置为true即可获得所需的选项:

<select id="multiPickList" multiple="multiple">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
</select>
<script type="text/javascript">
    var pl = document.getElementById("multiPickList");
    for (i = 0; i < pl.options.length; i++) {
       if (i % 2 == 0) {
          pl.options[i].selected = true;
       }
    }
</script>