Javascript - 使用選項替換文本

-1

我試圖替換文本「JSON String Here」，但是當我從選項中選擇一個項目時，它消失。我是編程Javascript的新手，有人可以看看這個嗎？謝謝！Javascript - 使用選項替換文本

<title>Local Testing</title> 

<script> 

    function swapJson(){ 

     var div = document.getElementById("jsonToSwap"); 
     var dropdown = document.getElementById("dd"); 
     div.src = dropdown.options[dropdown.selectedIndex].value; 
     document.write(div.src); 

    }; 

</script>

<div id="jsonToSwap">JSON String Here</div> 

<select id="dd" onChange="swapJson()"> 
    <option value="1" id="1">Headset</option> 
    <option value="2" id="2">Taxi</option> 
    <option value="3" id="3">Buildings</option> 
</select>

來源

2013-03-02 Teej

你知道代碼是如何工作？因爲說「這不起作用」並沒有顯示出你需要的最小努力。 – Jon 2013-03-02 17:01:25

不說它不工作。這只是我幾個小時一直在爲此工作，我沒有得到我需要的結果。 – Teej 2013-03-02 17:04:05

@axrwkr - 我試圖用每個選項的值替換文本。（1，2，3） – Teej 2013-03-02 17:08:06

變化，其讀取

div.src = dropdown.options[dropdown.selectedIndex].value;

此

線

div.innerText = dropdown.options[dropdown.selectedIndex].value;

所以整個事情看起來像這樣

<script> 

    function swapJson(){ 

     var div = document.getElementById("jsonToSwap"); 
     var dropdown = document.getElementById("dd"); 
     div.innerText = dropdown.options[dropdown.selectedIndex].value; 
    }; 

</script>

例
http://jsfiddle.net/FxwQW/1/

來源

2013-03-02 17:05:30

謝謝axrwkr - 我已經嘗試過發佈此之前，但我得到「耳機」，「建設」和「出租車」，而不是1，2或3. – Teej 2013-03-02 17:09:42

這太棒了。有效！謝謝！！！ – Teej 2013-03-02 17:11:46

Javascript - 使用選項替換文本

回答

相關問題