2012-04-15 39 views
-1

我希望每次选择下拉菜单中的颜色时,使用document.write()打印变量“值”。不能使用jQuery中定义的变量进入html

<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> 
+0

为什么你认为当前的代码做_anything_当从下拉列表中选择一种颜色? (提示:**不。**)回去阅读API文档:http://api.jquery.com。另外,您应该重新考虑使用'document.write()',因为在关闭文档后调用DOM的内容会被替换。 – 2012-04-15 04:37:34

+0

另外,为什么document.write()? – ezakto 2012-04-15 04:38:23

+0

其实我试图建立一个图表,它的颜色根据用户的选择而改变。我需要通过选择项目作为参数设置颜色功能。 – rajnish 2012-04-15 04:52:12

回答

3

伊克 - 不使用文件撰写

http://jsfiddle.net/2ahKH/

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

实际上,我正在尝试构建一个图表,根据用户选择更改其颜色。我需要通过选择项目作为参数设置颜色(),但它不会采取新的价值。 – rajnish 2012-04-15 05:16:12

+1

您无法使用document.write来完成您想要的操作。尝试这个想法mrtsherman建议 - 它会让你到你需要的地方。 – webnesto 2012-04-15 05:50:06