div要素がリストから特定の項目が

Question

が、私はこのコードを持って選択された場合にのみ表示されるようにする方法：私はdiv要素を作ることができ、

<form> 
<select name="lelel"> 
    <option value="x">x</option> 
    <option value="xx">xx</option> 
    <option value="xxx">xxx</option> 
</select> 
</form> 
<div id="divid"> 
    LALALALALA 
</div> 

をそして、私の質問は、ユーザーが選択したときに「divIdは」その後、目に見えないことと、オプションxxxが表示されます。

Answer 1

$('[name=lelel]').change(function(){ 
 
    if (this.value == 'xxx') { 
 
     $('#divid').show(); 
 
    }else{ 
 
     $('#divid').hide(); 
 
    } 
 
});

#divid {display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<form> 
 
<select name="lelel"> 
 
    <option value="x">x</option> 
 
    <option value="xx">xx</option> 
 
    <option value="xxx">xxx</option> 
 
</select> 
 
</form> 
 
<div id="divid"> 
 
    LALALALALA 
 
</div>

Answer 2

は、ユーザーの選択に基づいて消える/表示されるいくつかのdivを持っているつもりだった場合、あなたはあなたがちんぷんかんぷんの答え

$('select').change(function(){ 
    var chosen_one = $(this).value(); 
    $('.toShow').hide(); 
    $('#'+chosen_one).show(); 
}) 

に拡大JSコードでフォローを行うことができます表示/非表示にするクラスをtoShowとし、CSSにdisplay: none;と設定します。次にオプション/ divを追加するとJSまたはCSSを変更する必要はありません