Как получить несколько значений из входов HTML?

Я следую Метеор Tuturial (https://www.meteor.com/tutorials/blaze/creating-an-app) и здесь являются частями HTML и JavaScript коды:Как получить несколько значений из входов HTML?

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" />

источник

2016-02-19 user3675868

Если вы вставите ваш пример ввода в ваш 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=""; 
}

источник

2016-02-19 21:50:05 Aplet123

Я сделал это, но теперь, когда я протестировать его в браузере , входы не работают. @ Aplet123 – user3675868

Как получить несколько значений из входов HTML?

ответ

Смежные вопросы