2012-04-15 33 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