输入值到object然后该对象推送到数组

时间:2016-05-18 00:55:24

标签: javascript html arrays object

空心我有一些问题和小问题 我有3个输入字段,我需要从它们获取值,将它们分配给对象,并将该对象推送到数组 有人可以帮助矿石说我在哪里查看信息我在MDN上搜索但我找不到正确的主题例子 1)输入对象的值,然后该对象推送到数组

function $(e) {
  return document.querySelector(e);
}

function $$(e) {
  return document.querySelectorAll(e);
}

var startBtn = $("send");

startBtn.addEventListener('click', creatTask, false);

function creatTask() {

  var addTaskName = $(".task-name"),
    addCategory = $(".category"),
    addTaskSatus = $(".status");


  <!-- 	  task.Taskname = addTaskName.value
  task.Category = addCategory.value
  task.Status = addTaskSatus.value........... ? -- >

    var TaskListArray = [];

  var task = {
    Taskname: undefined,
    Category: undefined,
    Status: undefined
  }
  console.log(task)

}

document.write("message")

Link to jsfiddle with html and javascript

1 个答案:

答案 0 :(得分:0)

尝试在id设置classNamevar startBtn = $("send")选择器;在TaskListArray函数之外定义creatTask;在创建task对象时直接设置值;使用Array.prototype.push()将当前task对象添加到TaskListArray数组。

另外,使用window.onload事件,或将<script>中的元素放在html中查询的元素之后DOM加载document creatTask之前startBtn }}或<script> window.onload = function() { function $(e) { return document.querySelector(e); } function $$(e) { return document.querySelectorAll(e); } var startBtn = $(".send"); var TaskListArray = []; startBtn.addEventListener('click', creatTask, false); function creatTask() { var addTaskName = $(".task-name"), addCategory = $(".category"), addTaskSatus = $(".status"); var task = { Taskname: addTaskName.value, Category: addCategory.value, Status: addTaskSatus.value } TaskListArray.push(task) console.log(task) } } // document.write("message") </script> <input class="task-name" name="task" /> <br> <input class="category" name="category" /> <br> <input class="status" name="status" /> <br> <input type="button" class="send" value="send" />已定义

&#13;
&#13;
if (window.location.href.replace(location.hash,'') == "http://kodeweave.sourceforge.net/editor/") {
  $(".nicole").hide()
} else {
  $(".michael").hide()
}
&#13;
&#13;
&#13;