在写时使用javascript搜索数组

Question

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

号码-名称：

1-约翰

2-莎拉

3-彼得

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

示例：我在输入B上写了“ Sarah”，数字“ 2”出现在输入A上

示例2：我在输入A上写“ 1”，在输入B上出现“ John”

Answer 1

如果您使用的是纯js，则需要在输入中定义onkeyup事件，并通过map（哈希或字典）在代码中更改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>

人是一张地图：

Persons = {
'john':1,
'sara':2,
'peter':3
};

这个小提琴可以帮助您：

小提琴的例子