Javascript - 使用选项替换文本

Question

我正在尝试替换文本“JSON String Here”，但是当我从选项中选择一个项目时，它就会消失。我是编程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>

Answer 1

更改读取的行

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/