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

Filling hidden input field from select menu using Js

本文关键字:隐藏 输入 字段 填充 菜单 Js 选择 使用      更新时间:2023-09-26

我正在使用这个函数:

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>

但它不起作用。

< /script>的结束标签看起来很糟糕。不确定是否由编辑引起。但是我已经在将< /script>更改为</script>后测试了代码,并且运行良好。