如何在上传递参数更改 html 选择

2022-08-30 00:34:27

我是JavaScript和jQuery的新手。我想显示一个组合框-A,这是一个HTML,其选择和内容在onChange()上的另一个地方。<select>id

如何传递带有其选择的完整组合框,以及如何传递 onChange 事件触发的其他参数?id


答案 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 事件上组合框的选定值。


答案 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>