如何将值从文本字段1写入文本字段2,反之亦然

时间:2018-12-25 13:22:25

标签: javascript html

我在JS中编写了一个小函数,它将从文本字段1中获取一个数值输入,并计算它的纵横比为2/3,然后将此值写入文本字段2中。现在,我想为文本字段2提供相同的功能,但需要一个比率为3/2,因此无论用户在何处输入值,我都希望其他文本文件自动以计算出的值填充。

这是我的代码,可用于输入文本文件1并在文本文件2中显示其中的2/3。

function change()
            {    
            var ex1Val = (document.getElementById("ex1")).value;

            if (ex1Val < "0" || "9" < ex1Val)
                {
                //(document.getElementById("ex1")).value = "";
                (document.getElementById("ex1")).focus();
                return false;
                }
            else
                {
                (document.getElementById("ex2")).value = ((ex1Val * 2) / 3);
                }
            };

我试图复制该功能并编辑ID和长宽比,但这不起作用。

如果不是JS,Jquery也可以。

1 个答案:

答案 0 :(得分:1)

您可以使用onInput="change(this.id)"事件并检查ID并计算纵横比。

function change(id) {
  var ex1Val = (document.getElementById(id)).value;
  if (id == "ext1") {
    (document.getElementById("ext2")).value = ((ex1Val * 2) / 3);
  } else if (id === "ext2") {
    (document.getElementById("ext1")).value = ((ex1Val * 3) / 2);
  }

};
<input id="ext1" onInput="change(this.id)" />
<input id="ext2" onInput="change(this.id)" />