forms - 如何知道用户更改了哪个选择标签选项

Question

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

 <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

我希望这能解决你的问题

在选择处理程序中传递“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');。这将只为您提供对象数组，您将不知道单击了哪个选择标签。