javascript - 使用 JavaScript 在 HTML 文本框之间切换 HTML ID 属性值

Question

我的 HTML 表单中有一堆 HTML 文本框(超过 2 个)。当 HTML 页面第一次加载时，ID 属性为空。但是当用户单击文本框时，ID 应该是“事件的”。其他的应该是空的。当用户单击另一个文本框时，前一个文本框的 id 应该为空。新文本框的 ID 应为“事件”。

<input type="text" name="test" id="active">
<input type="text" name="test" id="">
<input type="text" name="test" id="">
<input type="text" name="test" id="">
<input type="text" name="test" id="">
<input type="text" name="test" id="">

我如何使用 JavaScript 来做到这一点？有人可以帮我解决这个问题吗？

谢谢和问候，奇兰塔卡。

Answer 1

您可以使用 .focus() 检测文本框上的焦点事件，并使用 removeAttr() 和 .attr() 设置 id到聚焦元素:

$("[name='test']").focus(function() {
  $('#active').removeAttr('id');
  $(this).attr('id','active');
});

<强> Working Demo