如何正确编写此功能

Question

我早些时候问了这个问题，但只能取得一点进展。 我所拥有的仍然无法正常工作。

我想要做的是共享3种不同形式的数字键盘。 如果用户单击框“ a”，则所有数字（来自定位标记）以及焦点都应进入该输入框。 如果用户单击框“ b”，则所有数字（来自定位标记）以及焦点都应进入该输入框。

有人可以帮助我纠正这个问题吗？

function box(box) {
  if(box == 'a') {
    document.getElementById("a").focus();
    document.getElementById('a').value += '1';
    document.getElementById('a').value += '2';
  }else if(box == 'b') {
    document.getElementById("b").focus();
    document.getElementById('b').value += '1';
    document.getElementById('b').value += '2';
  }
}

function process(val){
  document.getElementById('a').value += val;
}

---

当用户单击这些锚标记之一时，我希望该值将填充到正确的输入框中。 当用户单击将焦点设置到他们要使用的框的锚标记时， 首先确定输入框。

步骤1选择要使用的输入框并放置焦点：

<a href="#" onclick="box('a')">a</a><br />
<a href="#" onclick="box('b')">b</a><br />

步骤2将数据放入框中：

<a href="#" onclick="process('4');">4</a>
<a href="#" onclick="process('5');">5</a>


<form name="a">
  <input type="text" id="a" />
</form>
<form name="b">
  <input type="text" id="b" />
</form>

Answer 1

保留一个变量以跟踪选择了哪个打击垫。

var selected = 'a';

function box(box) {
    selected = box;
    document.getElementById(selected).focus();
}

function process(val){
  document.getElementById(selected).value += val;
}