Question

我要制作一个表单，用户有两个＆＃34;活动＆＃34;选择。然后将该信息与一些个人信息一起保存，然后列出在每个相应活动下方注册的不同个人。虽然我也想制作一个表格，我可以在这个选项列表中添加更多活动，对用户可见。我只是不确定如何解决这个问题。我已经创建了一个内部具有不同活动的数组，但由于我无法对其进行硬编码，而是需要生成具有给定＆＃34;管理形式的新对象＆＃34;我被卡住了。我从哪里开始？

到目前为止，这是我的数组：

var sport = [
  {
     id:1,
     Name:"Fotboll",
     Place:{lat:59.999999, long: 17.99999},
     Val:[{id:1, plats:"indoors"},{id:2, plats:"outdoors"}]
  },
  {
     id:2,
     Name:"Tennis",
     Place:{lat:59.88888, long: 17.88888},
     Val:[{id:1, plats:"indoors"},{id:2, plats:"outdoors"}]
   }
];

Answer 1

以下是实现所请求逻辑的基本表单示例。请注意，您可能需要更改某些表单元素才能使其正常工作，但这应该可以满足您的需求。

var myActivities = [];

document.querySelector('form button').addEventListener('click', function(event) {

  var inputs = document.querySelectorAll('form input');
  var newActivity = {};
  for (var i = 0; i < inputs.length; i++) {
    newActivity[inputs[i].name] = inputs[i].value;
    inputs[i].value = '';
  }
  myActivities.push(newActivity);
  console.log(myActivities);
  event.preventDefault();

}, false);

<form>
  <input type="text" name="name" value="" placeholder="Name" /><br />
  <input type="text" name="input2" value="" placeholder="Input 2" /><br />
  <input type="text" name="input3" value="" placeholder="Input 3" /><br />
  <input type="text" name="input4" value="" placeholder="Input 4" /><br />
  <button>Add</button>
</form>

通过用户输入

1 个答案: