Eine in jQuery definierte Variable kann nicht in html verwendet werden

Question

Ich möchte, dass die Variable 'value' immer mit document.write() gedruckt wird, wenn eine Farbe aus der Dropdown-Liste ausgewählt ist.

<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

Eek - dont Verwendung document.write

http://jsfiddle.net/2ahKH/

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