JavaScript与交换命令按钮

我想安装交换使用两个文本框之间的命令按钮。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>

V1和V2是指在文本框中ID。

这适用于文本框，但我不知道如何将命令按钮合并到此，以便他们需要单击中间的按钮来生成它。

任何建议将不胜感激。

最佳

请问

来源

2013-11-22 user3022492

为什么所有的按钮？为什么不在用户输入时开始“搜索”并显示结果？使用'onkeypress'事件。 – Halcyon

是的，但然后检查失去焦点或模糊是好得多 – AMY

所以基本上有您需要完成你问两两件事。您需要在HTML中创建一个元素，在这种情况下是一个按钮。然后，您需要捕获要从该元素中捕获的事件，然后执行您的功能。

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

所以你的HTML

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

然后在Javascript中你要定位到该按钮，并添加事件侦听到该按钮中创建一个按钮。在这个例子中，下面的变量var btnCommand被设置为html按钮，方法是使用getElementById方法使用该ID获取该按钮。然后我们添加一个事件监听器，当它被点击时它会执行你的转换函数。

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

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

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

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

这是另一种快速和肮脏的方式来测试你的按钮与你的功能。 这不是一个好主意与你的HTML直列混合您的JavaScript，但只是为了测试你的按钮，如果你的转换功能是干什么，你认为你可以只说

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

那么有几种方法完成你所问的问题。快乐编码！

来源

2013-11-22 16:56:15 elrick

它很容易的东西，你需要做的是使用onclick按钮的这样

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]; 
    } 
}

Here is a demo

我希望这是你想要啥子....

来源

2013-11-22 16:57:22 AMY

JavaScript与交换命令按钮

回答

相关问题