在角度 6 中选择 onchange 传递选项值 - Javascript

当我们需要在一个下拉列表中选择选项时，通常会使用 select 元素来创建列表。当用户选择一个选项时，我们需要能够获取选项值并对其进行操作。

在这种情况下，我们可以使用 onchange 事件来检测 select 元素的更改，并使用 value 属性来获取选择的选项的值。在角度 6 中也可以使用这种方法。

示例代码

<select onchange="onChange()">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

function onChange() {
  var selectElement = document.querySelector('select');
  var selectedValue = selectElement.options[selectElement.selectedIndex].value;

  console.log(selectedValue);
}

这里我们在 select 元素中添加了一个 onchange 属性，并将其设置为调用 onChange() 函数。在 onChange() 函数中，我们首先使用 document.querySelector() 方法来获取 select 元素，然后使用 selectedIndex 属性获取选中项在列表中的索引并使用 options 属性访问选项数组。最后，我们使用选定的选项值进行操作。

可以将这个简单的示例代码使用到您的Angular 6项目中去。

结论

使用 onchange 事件是一种有用的技术，可以让我们检测 select 元素的更改并获取所选选项的值。同时，我们也可以使用其他方法来操作或使用这些值。