javascript - 无法将选项值放入隐藏字段

Question

我正在使用带有选项的选择，我想使用表单将选项字段的文本提交到数据库中。

它不起作用，我不知道为什么。p 元素改变了它的值（我只用它来调试，我实际上不需要它）但隐藏字段保持为空。

有人可以帮我吗？

function GetSelectedText(){
  var e = document.getElementById("kunde");
  var result = e.options[e.selectedIndex].text;
                            
  document.getElementById("title").textContent = result;
}
                        

<select id="kunde" name="kunde" class="form-control" onchange="GetSelectedText()">
  <option value="1">text for 1</option>
  <option value="2">text for 2</option>
  <option value="3">text for 3</option>
</select>

<p id="title">this text will be replaced</p>

<input name="title" type="hidden" id="title" value=""> 

标签： javascriptonchangehidden

Answer 1

由于隐藏字段是输入字段，因此更改textContent为value。

此外，您不能拥有多个具有相同 ID 的元素，因此请去掉 P 元素，因为无论如何您都不需要它。