如何在html select的onChange上传递参数

Question

我是 JavaScript 和 jQuery 的新手。我想显示一个组合框-A，它是一个 HTML <select> ，其选定的 id 和内容位于 onChange() 的另一个位置。

如何通过其 select id 传递完整的组合框，以及如何在 onChange 事件发生时传递其他参数？

原文由 Gendaful 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

 function getComboA(selectObject) {
 var value = selectObject.value;
 console.log(value);
 }

 <select id="comboA" onchange="getComboA(this)">
 <option value="">Select combo</option>
 <option value="Value1">Text1</option>
 <option value="Value2">Text2</option>
 <option value="Value3">Text3</option>
 </select>

上面的示例让您在 OnChange 事件中选择组合框的值。

原文由 Piyush Mattoo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

另一种在某些情况下很方便的方法是将所选 <option /> 的值直接传递给函数，如下所示：

 function myFunction(chosen) {
  console.log(chosen);
}

 <select onChange="myFunction(this.options[this.selectedIndex].value)">
  <option value="1">Text 1</option>
  <option value="2">Text 2</option>
</select>

原文由 Cazuma Nii Cavalcanti 发布，翻译遵循 CC BY-SA 4.0 许可协议