LoRz

<select id="test" multiple="multiple" size="9" onmousedown="savelist()" onchange="updatelist()">
    <option>test 1</option>
    <option>test 2</option>
    <option>test 3</option>
    <option>test 4</option>
    <option>test 5</option>
</select><br />
<a href="#" onclick="setall(true); return false">select all</a>
<a href="#" onclick="setall(false); return false">deselect all</a>

<script type="text/javascript">
    var list = document.getElementById('test');
    var savedlist = new Array(list.length);

    function setall(selected) {
        for (var i = list.length - 1; i >= 0; i--) {
            list.options[i].selected = selected;
        }
    }

    function updatelist() {
        for (var i = list.length - 1; i >= 0; i--) {
            list[i].selected = list[i].selected ^ savedlist[i];
        }
    }

    function savelist() {
        for (var i = list.length - 1; i >= 0; i--) {
            savedlist[i] = list[i].selected;
        }
    }
</script>

posted by Lorz  # 6:55 AM