javascript - 如果输入值等于Div的ID，则显示它

Question

我正在尝试创建简单的词典网页，我需要显示某些 DIV，其中包含在 INPUT 中输入的单词的翻译和描述。

我已经为此创建了一些简单的 JavaScript，但我想使用大约 50 个单词，并且不打算为此创建 50 个脚本:D。

var match = 'cat',
    input = document.getElementById('searchbox'),
    div = document.getElementById('cat');
    input.onkeyup = function(e){
    if (this.value == match){
        div.style.display = 'block';
    }
    else {
        div.style.display = 'none';
    }
};  

相反，我想使用不同的东西。我的目标是实现类似的目标 - 如果 INPUT 中输入的文本等于我的 DIV 的 ID，则显示它。

例如，如果访问者在 INPUT 中键入“CAT”，则显示带有“CAT”ID 的 DIV 等等。一个脚本而不是 50 个。

Answer 1

您可以像这样用 JavaScript 编写一个函数，然后单击按钮即可调用该函数。

<script type="text/javascript">
        function fSDiv(var txt,var EId)
        {
            if(document.getElementById(EId).value === txt)
             {
                document.getElementById(EId).style.display = "block";
             }
        }
</script>