使用 Meteor 获取 HTML 输入文本值到 JavaScript答案

【问题标题】：Get Html Input Text Value to JavaScript Using Meteor使用 Meteor 获取 HTML 输入文本值到 JavaScript
【发布时间】：2013-12-19 19:55:09
【问题描述】：

我正在尝试一个给定的流星服务器安装示例。在这个示例中一切都很好但是我添加了一个新的输入字段。如何使用 Meteor 模板在 JavaScript 中获取此输入文本值。我对此一无所知，所以请帮助我。

HTML代码：

<head>
  <title>myapp</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}} <br>
  First name: <input type="text" name="firstname"><br>
  <input type="button" value="Click" />
</template>

JS代码：

if (Meteor.isClient)
 {
  Template.hello.greeting = function () 
  {
    return "Welcome to myapp.";
  };



  Template.hello.events
  ({
    'click input' : function ()
    {    
      // template data, if any, is available in 'this'
        if (typeof console !== 'undefined')
        console.log("You pressed the button");
        alert("firstName="+ //here get input text value);

    }
  });
}



if (Meteor.isServer) 
{
  Meteor.startup(function ()
  {
    // code to run on server at startup
     console.log("Is Running Server");
  });
}

【问题讨论】：

这对我来说很好用。你没有在 js 控制台中看到“你按下了按钮”吗？
这对我来说也很好用，没有理由不工作。
真的，但这对我不起作用。所以我能犯什么错误？@go-oleg
你的 js 控制台有什么错误吗？
没有发现错误。打印出来的客户端和服务器消息是同一个控制台吗？@go-oleg

标签： javascript html meteor

【解决方案1】：

在您的客户内部。你应该返回 false

 Template.hello.events
  ({
    'click input' : function ()
    {    
        console.log("You pressed the button");
        return false;

    }
  });

【讨论】：

这也没有执行。@pahan.
@Venkat 这确实有效。也许你没有在看 javascript 控制台。如果您想将其用作消息框，请将 console.log 更改为 alert