Question

在我的网页中，我有一个包含多个fieldset元素的表单。每个fieldset元素都有一个带有一些选项的select标记，并且根据选择的选项，字段集中的输入字段会发生变化。但是，我怎么知道用户改变了选择标签的选项？

 <select onChange='selectHandler();'>
 <option value='0'>Option 1</option>
 <option value='1'>Option 2</option>
 <option value='2'>Option 3</option>
 <option value='3'>Option 4</option>
 </select>

我可以使用getElementsByTagName（'select'）获取所有选择元素，但是如何直接了解用户选择的元素？

Answer 1

我希望这能解决你的问题

在select处理程序中传递'this'关键字，如'selectHandler（this）'。您可以获取访问的选择元素

<select id="handler1" onChange='selectHandler(this);'>
 <option value='0'>Option 1</option>
 <option value='1'>Option 2</option>
 <option value='2'>Option 3</option>
 <option value='3'>Option 4</option>
 </select>

function selectHandler(obj){

   console.log(obj.id) //It gives the id of the current select tag
}

不要使用document.getElementsByTagName（'select'）;.这将只为您提供对象数组，您将不知道单击了哪个选择标记。

如何知道用户更改了哪个选择标记选项

1 个答案: