Javascript 使用Js从选择菜单填充隐藏的输入字段

我正在使用此功能：

function selectionchange() {
  var e = document.getElementById("mySelect");
  var str = e.options[e.selectedIndex].value;
  document.getElementById('txt').value = str;
}

要在更改选项时填充隐藏字段，请执行以下操作：

<form>
  <select id="mySelect" onchange="selectionchange();">
    <option value="1">Sun</option>
    <option value="2">Moon</option>
  </select>
  <input type="hidden" id="txt" value="">
  <button type="submit">send</button>
</form>

太阳
月亮
发送

---

但是它不起作用。

的结束标记看起来很糟糕。不确定是否是编辑引起的。但是在将

更改为

之后，我已经测试了代码，它工作得很好。

的结束标记看起来很糟糕。不确定是否是编辑引起的。但是我在将

更改为

后测试了代码，它工作正常。

工作正常-在这里检查您的控制台是否存在其他错误代码对我也有效。。。什么东西不符合您的预期？发送表单后是否未收到“txt”值？当你检查元素时，你在DOM中没有看到“txt”值吗？…

但它不起作用

-你期待什么？是的@PetrHejda我在源代码中没有看到值，但在检查DOM时它就在那里。它工作正常-在这里检查你的控制台是否有其他错误代码对我也有效。。。什么东西不符合您的预期？发送表单后是否未收到“txt”值？当您检查元素时，是否在DOM中没有看到“txt”值？…

但它不起作用

-您期望什么？是@PetrHejda我在源代码中没有看到该值，但在检查DOM时它就在那里。