如何调试我的JavaScript下拉列表？

我正在尝试让代码选择下拉列表中的内容，并显示一个包含一些文本的图像。这是我到目前为止得到的。我不确定我做错了什么

<form action="">
 
  <select id="cars">
    <option value="1" href="https://i.imgur.com/sXWdODh.jpg">Ford Mustang</option>
    <option value="2">Mercedes E400</option>
    <option value="3">Chevy Camaro SS</option>
    <option value="4">Honda Civic</option>
    <option value="5">Tesla Model X</option>
  </select>
</form>

<br>
<button type="button" onclick="showcars()">Submit</button>
<button type="button" onclick="myFunction()">Reset</button>


   <script>
        function showcars(){
      
    var select = document.getElementById("cars");
      
    var carName = select.value;
      
    document.write(carame);
}
        </script>
<script>
function myFunction() {
  document.getElementById("2").value = "honda";
}
  document.getElementById("1").src = "fordmustang";

</script>




</body>
</center>    
<br>
<br>
</html>

福特野马
梅赛德斯E400
雪佛兰卡马罗SS
本田思域
特斯拉X型


提交
重置
功能展示车（）{
var select=document.getElementById（“cars”）；
var carName=select.value；
文件。书写（焦糖）；
}
函数myFunction（）{
document.getElementById（“2”）.value=“本田”；
}
document.getElementById（“1”）.src=“fordmustang”；

如果你能更明确地说明你想要实现的目标，以及哪些没有实现的目标，那么帮助就会容易得多

也就是说，您的代码中有几个输入错误可能会给您带来问题

document.write(carame); 

应该是

document.write(carName);

及

应该在myFunction（）内，因此将其向上移动，使其位于闭合括号内

---

这至少允许代码在没有错误的情况下运行

您有一个输入错误：

document.write（carame）应该是
文档。编写（carName）您也没有id为1 o 2的任何元素。
document.getElementById("1").src = "fordmustang";