選択リスト内のオプションリスト

Question

2つのドロップダウンがありますが、最初のドロップダウンで選択した値に基づいて、2番目のドロップダウンでいくつかのオプションを表示したり非表示にする可能性があります。

<script language="JavaScript"> 
function funchk(){ 
    document.getElementById('z').style.display="block"; 

    } 

    </script> 


    <select name="first" onchange="funchk();"> 
     <option name="asw" value="a">sda</option> 
     <option name="sd" value="sd">ZZ</option> 
    <option name="rdf" value="afe">fe</option> 
     <option name="bfe" value="bfe">fe3</option> 
     </select>   <?php echo "<br/>" ?> 
    <select name="second"> 
     <option name="a" value="a">aa</option> 
     <option name="z" value="a" style="display:none">ZZ</option> 
     <option name="r" value="a" style="display:none">aa</option> 
     <option name="b" value="b">bb</option> 
     </select> 

ここでは、最初のドロップダウンの値をオンにするときに表示される2番目のドロップダウンに 'z'オプションを表示したいとします。

Answer 1

いいえ、<option>要素の表示/非表示にCSSを設定することはできません。

これを削除するか、単に無効にするか有効にするだけです。あなたはjavascriptをここ

であなたがそれを行う方法の異なる例を見つけることができることをしなければならない

function funchk() { 
    document.getElementsByName('z')[0].disabled = false; 
} 

---

<select name="second"> 
    <option name="a" value="a">aa</option> 
    <option name="z" value="a" disabled="disabled">ZZ</option> 
    <option name="r" value="a" disabled="disabled">aa</option> 
    <option name="b" value="b">bb</option> 
</select> 

Answer 2

。

http://www.satya-weblog.com/2008/08/javascript-remove-delete-select-option.html

http://www.plus2net.com/javascript_tutorial/list-remove.php

Answer 3

HTMLノードを操作するにはJavaScriptイベントと一緒にドキュメントオブジェクトモデル（DOM）を使用してください。