PHP & JavaScript Room :: 設置サンプル

実行結果

ソース

<form action="#">
    <p>
        <input type="button" value="インデックスが偶数の項目を無効化" onclick="fOptDisabled(true)" />
        <input type="button" value="インデックスが偶数の項目を有効化" onclick="fOptDisabled(false)" />
    </p>
    <p>
        <select id="selQ" multiple="multiple">
            <option value="0">アイテム0</option>
            <option value="1">アイテム1</option>
            <option value="2">アイテム2</option>
            <option value="3">アイテム3</option>
            <option value="4">アイテム4</option>
            <option value="5">アイテム5</option>
        </select>
    </p>
</form>

<script type="text/javascript">
    function fOptDisabled(bool){
        var sObj=document.getElementById("selQ");
        var cnt=0;
        for(var i=0; i<sObj.length; i++){
            var oObj=sObj[i];
            if(oObj!=null && oObj.nodeName=="OPTION"){
                if(cnt%2!=0){
                    oObj.disabled=bool;
                }
                cnt++;
            }
        }
    }
</script>

polarized women