javascript - 如何使用原始 javascript 获取选定的选项

Question

HTML

<form>
  <select name="select">
     <option value="option1">Option 1</option>
     <option value="option2">Option 2</option>
  </select>
  <input type="submit" onclick="processForm(this.form)">
</form>

JS

function processForm(form) {
  console.log(form)
}

我可以成功地将表单作为 HTMLElement 获取，但似乎无法找到获取所选值的简单方法

Answer 1

由于您在提交时发送表单对象本身，因此在普通 JS 中获取数据很容易。将您的函数修改为:

function processForm(form) {
  var selected = form.select
  console.log(selected.value)
}

请注意，select 不是表单的某些特殊属性，它只是因为您为 select 元素赋予了 name 属性。