htmlにjQueryで定義された変数を使用できない

Question

ドロップダウンの色が選択されるたびにdocument.write（）を使用して変数 'value'を出力します。

<script type="text/javascript"> 
    var value = 'xyz'; 

      $(document).ready(function(){ 
        $('#button1').click(function(){ 
        value = $('#combo').val(); 
        alert (value); 

        }); 
     }); 

    </script> 
<select id = "combo"> 
    <option>White</option> 
    <option>Yellow</option> 
    <option>Fuchisa</option> 
    <option>Red</option> 
    <option>Silver</option> 
    <option>Gray</option> 
    <option>Olive</option> 
</select> 
<input id="button1" type="button" value="Click!" /> 
<p><script type="text/javascript"> document.write(value) </script></p> 

Answer 1

イーク - いけない使用のdocument.write

http://jsfiddle.net/2ahKH/

$('#button1').click(function() { 
    value = $('#combo').val(); 
    $('p').html(value); 
});