写时使用javascript在数组中搜索

写时使用javascript在数组中搜索,javascript,html,Javascript,Html,我有一个带有两个输入文本框的html页面。 使用javascript,我声明了两个带有数字和名称的数组 编号-名称: 1-约翰 2-莎拉 3-彼得 当我在输入A上写下数字时,我需要名字出现在输入B上,如果我在输入B上写下名字,我需要数字出现在输入A上 示例:我在输入B上写Sarah,数字2出现在输入A上 示例2:我在输入A上写1,John出现在输入B上如果您使用纯js,则需要在输入中定义onkeyup事件,并通过maphash或dictionary更改2数组,代码如下: <input id

我有一个带有两个输入文本框的html页面。 使用javascript,我声明了两个带有数字和名称的数组

编号-名称:

1-约翰

2-莎拉

3-彼得

当我在输入A上写下数字时,我需要名字出现在输入B上,如果我在输入B上写下名字,我需要数字出现在输入A上

示例:我在输入B上写Sarah,数字2出现在输入A上


示例2:我在输入A上写1,John出现在输入B上

如果您使用纯js,则需要在输入中定义onkeyup事件,并通过maphash或dictionary更改2数组,代码如下:

<input id="name" type="text" onkeyup="SearchText(this.value)"/>
<input id="value" type="text" onkeyup="SearchId(this.value)"/>
<script>
    function SearchText(val) {
        txt = document.getElementById("value")
        if (val.toLowerCase() in Persons) {
            txt.value = Persons[val.toLowerCase()];
        } else {
            txt.value = '';    
        }
    };

    function SearchId(val) {
        txt = document.getElementById("name");
        for (p in Persons) {
            if (Persons[p] == val){
                txt.value = p;
                break;
            } else {
                txt.value = '';
            }
        }
    };
</script>
这把小提琴可以帮助你:


使用名称数组和索引作为数字怎么样?那么,到目前为止,您尝试了什么?试着先解决你的问题,然后用谷歌搜索,然后再努力一点,最后来这里问一个问题,公布每一个数据和失败的尝试。。欢迎来到StackOverflow顺便说一句:您将在这里获得许多关于合法代码问题的帮助。。。但是没有人会从头开始为你写这篇文章,这也不是一个如何指导的服务。对表单控制事件做一些研究也许我的问题很愚蠢,但我认为这不是一个精英页面,我不需要通过任何测试或类似的注册。。。所以对我来说是个大问题。我试图解决它,而真正的问题更难,而且不是唯一的问题。因此,我决定要求任何比阅读所有代码并试图理解整个问题更简单的方法。对不起,如果我伤害了你的感情,不管怎样,有人刚刚帮了我;谢谢你,这是一个聪明的解决方案!。。但是这些数字不是连续的。。我写的数字只是个例子。谢谢
Persons = {
'john':1,
'sara':2,
'peter':3
};