Javascript-使用选项替换文本

我试图替换文本“JSON String Here”，但当我从选项中选择一个项目时，它消失了。我是Javascript编程新手，有人能看看这个吗？谢谢

本地测试
函数swapJson（）{
var div=document.getElementById（“jsonToSwap”）；
var dropdown=document.getElementById（“dd”）；
div.src=dropdown.options[dropdown.selectedIndex].value；
文件编写（div.src）；
};

JSON字符串
头戴式耳机
出租车
建筑

更改以下内容的行

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>

函数swapJson（）{
var div=document.getElementById（“jsonToSwap”）；
var dropdown=document.getElementById（“dd”）；
div.innerText=dropdown.options[dropdown.selectedIndex].value；
};

示例

---

您知道代码应该如何工作吗？因为说“这不管用”并不表示你尽了最低限度的努力，也不是说它不管用。只是我已经为此工作了几个小时，没有得到我需要的结果。@axrwkr-我试图用每个选项上的值替换文本。（1,2,3）谢谢axrwkr-我在发布这篇文章之前已经试过了，但是我得到的是“耳机”、“建筑”和“出租车”，而不是1,2或3。

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>