不能将 jQuery 中定义的变量用于 html

Not being able to use a variable defined in jQuery into html

本文关键字:变量 用于 html 定义 jQuery 不能      更新时间:2023-09-26

我希望每次选择"颜色来自"下拉列表时,都使用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>

Eek - 不要使用 document.write

http://jsfiddle.net/2ahKH/

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