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

<form action="#">
    <select id="drinks">
        <option>コーヒー</option>
        <option>ジュース</option>
        <option>アルコール</option>
    </select>
    <input type="button" value="子ノードがあるか調べ、あったらアルコールを削除" onclick="fHasChildNodes()" /><br>
</form>

<script type="text/javascript">
function fHasChildNodes(){
    /* 親ノード */
    var parentObj=document.getElementById("drinks");
    /* 子ノードの存在チェック */
    var chk=parentObj.hasChildNodes();
    /* 子ノードが存在する場合 */
    if(chk==true){
        for(var i in parentObj.childNodes){
            var childObj=parentObj.childNodes[i];
            /* 子ノードのノード名がOPTIONの場合 */
            if(childObj.nodeName=="OPTION"){
                /* ノードの値がアルコールだったら */
                if(childObj.firstChild.nodeValue=="アルコール"){
                    /* プルダウンから削除 */
                    parentObj.removeChild(childObj);
                }
            }
        }
    }
}
</script>