主页 / 问题 / 932003
Accepted
Alisa Bondarchuk
Asked:2020-01-14 21:10:19 +0000 UTC2020-01-14 21:10:19 +0000 UTC

如何找到一个对象并按照这个对象的链接到一个新文件？

  • 772

请帮帮我。我有这样的情况，有一个文件包含一个带有数字的对象。在 html 文件中，我有一个字段和一个搜索按钮。需要在搜索字段中输入数字并按下搜索按钮后，使用 js 文件的可用数字进行搜索。

任何帮助都会有所帮助，在此先感谢。

PS 找到后需要自动跳转到找到对象的页面。

javascript

1 个回答

  1. Best Answer

    当然，这种情况并不令人愉快 :-) 阅读有关 addEventListener 方法和 FormData 接口的文档将帮助您处理它。

    var obj = {
  0: 'foo',
  1: 'bar',
  2: 'baz'
};

var form = document.querySelector('#searchForm');
form.addEventListener('submit', function(event) {
  event.preventDefault(); // вырубаем стандартный сабмит
  var data = new FormData(form);
  var num = data.get('num');
  if (obj[num]) {
    alert(obj[num]);
    // document.location.replace(obj[num]);
  } else {
    alert('Not found');
  }
});
    <form id="searchForm">
  <input type="text" name="num">
  <button type="submit">Search</button>
</form>

    • 1

相关问题