2016-08-14 45 views

答えて

1

これはおそらく何か?

$("#myselect").change(function() { 
 
    
 
     var selectedOption = $("#myselect option:selected").text(); 
 
     var selectedValue = $(this).val(); 
 
      
 
     // Do something here 
 

 
     $("#"+selectedValue).fadeIn(1000); 
 
    
 
    });
<div id="2" style="display:none;"> 
 
Magic Text 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="myselect"> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option> 
 
    <option value="3">Option 3</option> 
 
</select>

+0

に役立ちますが、ページが選択に応じてロードし、そのテキストを警告することは十分ではありませんと思います。 – user6468132

+0

私はいくつかのassitanceを与えたいと思っていました。 F0rの例では、あなたの 'option values'のIDで隠しコンテナを作成してから、 –

+0

でそれらを消してください。ページはリロードされません。 – user6468132

0

私は、この意志はあなたが

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<select id="symbols"> 
    <option value="0">Select</option> 
    <option value="1">A</option> 
    <option value="2">B</option> 
    <option value="3">C</option> 
</select> 
<script> 
$(function(){ 
    $('#symbols').on('change',function(){ 
     var value=$(this).val(); 
     alert(value); 
     }); 
}); 
</script>