Javascript与命令按钮的交换

我正在尝试使用两个文本框设置一个交换，两个文本框之间有一个命令按钮

方法是在左侧文本框中键入参考/代码，单击按钮，它会在右侧文本框中生成替代参考/代码

关键是，如果用户无法找到他们正在寻找的轴承参考，则可以检查备用轴承参考

到目前为止，我使用的代码是：

<script type="text/javascript">
oldRef = new Array ("Z582","T608","A173");
newRef = new Array ("C850","S708","X449");
function convert()
{
    document.getElementById("v2").value = "";
    for (index=0 ; index < oldRef.length ; index++)
    {
        if ( document.getElementById("v1").value == oldRef[index] )                      
document.getElementById("v2").value = newRef[index];
    }
}
</script>

oldRef=新阵列（“Z582”、“T608”、“A173”）；
newRef=新阵列（“C850”、“S708”、“X449”）；
函数转换（）
{
document.getElementById（“v2”）.value=“”；
对于（索引=0；索引

---

V1和V2指的是文本框ID

这是与文本框一起工作的，但是我不知道如何将命令按钮合并到这个按钮中，所以他们需要点击中间的按钮来生成。 如有任何建议，将不胜感激

最好的

---

所以基本上有两件事你需要完成你的要求。您需要在HTML中创建一个元素，在本例中是一个按钮。然后，您需要捕获要从该元素捕获的事件，然后执行

convert

函数

var btnCommand = document.getElementById ("btn_command") ;

btnCommand.addEventListener("click", convert, false) ;

这是实现这一点的一个例子：

因此，在HTML中创建一个按钮

 <button id="btn_command">Command</button>

如果您想使用jQuery，您可以这样做

$('#btn_command').on('click', function() { convert(); });

下面是另一种快速而肮脏的方法，可以用功能测试按钮将javascript与html内联使用并不是一个好主意，只是为了测试您的按钮，如果您的转换函数正在这样做，您可以说

<button onClick="convert()">Command</button>

命令

---

好吧，要实现你的要求，几乎没有什么办法。快乐编码

这很简单，你需要做的就是像这样点击一下按钮

document.getElementById('button').onclick = function () {
    document.getElementById("v2").value = "";
    for (var index=0 ; index < oldRef.length ; index++) {
        if (document.getElementById("v1").value == oldRef[index])     
            document.getElementById("v2").value = newRef[index];
    }
}

document.getElementById（'button'）。onclick=function（）{
document.getElementById（“v2”）.value=“”；
对于（var索引=0；索引

---

我希望这是您想要的……

为什么要按按钮？为什么不在用户键入时开始“搜索”并显示结果？使用

onkeypress

事件。是的，但是检查失去焦点或模糊要好得多