如何從HTML輸入中獲取多個值？

Question

我正在關注流星Tuturial（ https://www.meteor.com/tutorials/blaze/creating-an-app ），這是HTML和JavaScript代碼的一部分：

的HTML

 <body>
  <div class="container">`enter code here`
    <header>
      <h1>Todo List</h1>

      <form class="new-task">
        <input type="text" name="text" placeholder="Type to add new tasks" />
      </form>

    </header>

    <ul>
      {{#each tasks}}
        {{> task}}
      {{/each}}
    </ul>
  </div>
</body>

的JavaScript

    Template.body.events({
    "submit .new-task": function (event) {
      // Prevent default browser form submit
      event.preventDefault();

      // Get value from form element
      var text = event.target.text.value;

      // Insert a task into the collection
      Tasks.insert({
        text: text,
        createdAt: new Date() // current time
      });

      // Clear form
      event.target.text.value = "";
    }
  });

我想知道如何在HTML表單中添加另一個輸入並在Java腳本中訪問該另一個輸入。

例如：

<input type="text" name="city" placeholder="Type to add city" />

Answer 1

如果將示例輸入插入HTML，則新的javascript應該是：

Template.body.events({
"submit .new-task": function (event) {
  // Prevent default browser form submit
  event.preventDefault();

  // Get value from form element
  var text = event.target.text.value;
  var city = event.target.city.value;

  // Insert a task into the collection
  Tasks.insert({
    text: text,
    createdAt: new Date() // current time
  });
  Tasks.insert({
    text: city,
    createdAt: new Date() // current time
  });

  // Clear form
  event.target.text.value = "";
  event.target.city.value="";
}

如何從HTML輸入中獲取多個值？

問題描述

1 個解決方案

解決方案1
1 已采納 2016-02-19 21:50:05

如何從HTML輸入中獲取多個值？

問題描述

1 個解決方案

解決方案1 1 已采納 2016-02-19 21:50:05

解決方案1
1 已采納 2016-02-19 21:50:05