javascript - 无法将 jQuery 中定义的变量用于 html

Question

我希望每次选择下拉菜单中的颜色时都使用 document.write() 打印变量“值”。

<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 - 不要使用 document.write

http://jsfiddle.net/2ahKH/

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