javascript - 返回未定义且所有变量正确

标签 javascript jquery html

所以当我用一些 JavaScript 制作“帮助”页面时出现错误,我不知道为什么会发生这种情况,因为我已经以相同的方式完成了并且工作正常。

当我在输入中输入 help 并按下提交按钮时,发生了错误,它显示一条警告,告诉我 [Object object]。 我正在尝试打印 help 变量 上的第一个 "help" 字符串。

这是 fiddle :http://jsfiddle.net/3u272/

这是代码

//  Toda la ayuda esta guardada en esta cadena de variables
var help = {
    "help" : {
        title : "help",
        description : "Utiliza help mas una de las funciones de a continuación.",
    },
};


//  Funcion para mostrar la ayuda
var ayudaSubmit = document.form.buscar;
$(ayudaSubmit).on("click", function () {
    var helpInputVal = document.form.ayuda.value,
        helpQuestion = help[helpInputVal];
    if (!helpQuestion) {
        alert(helpInputVal + " MEEEEEH!");
    } else {
        alert(helpQuestion);
    };
});

这里是 HTML

<form name="form">
    <input name="ayuda" type="text" placeholder="help with + la funci&oacute;n" id="helpInput"/>
    <input name="buscar" type="submit" placeholder="Buscar" value="Buscar" id="ayudaSubmit"/>
</form>

最佳答案

您正在向整个对象发出警报。您可能只想提醒消息: 将第二个 alert() 更改为:

alert(helpQuestion.description);

结果:

enter image description here

关于javascript - 返回未定义且所有变量正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25108341/

相关文章:

javascript - 如何在 JavaScript 中将事件对象转换为字符串?

javascript - Angular Toggle 类仅适用于单个 div

c# - 使用 HTML Agility Pack 获取内部文本

c# - 返回 HTML 的内容协商

javascript - ExtJS 3.4 : How to add a custom renderer dynamically to a PropertyGrid?

javascript - PHP if 语句基于屏幕尺寸

Javascript 函数未定义,但已定义

javascript - jQuery UI .widgets 在隐藏时重置子项的滚动位置

javascript - AJAX 删除不工作的 Entity Framework

javascript - React <div id ="root"></div> 破坏了设计,我怎样才能避免这种情况?