主页 / 问题 / 932712
Accepted
Alisa Bondarchuk
Asked:2020-01-16 17:07:28 +0000 UTC2020-01-16 17:07:28 +0000 UTC

按编号搜索对象

  • 772

请帮帮我。我有一个搜索字段和一个对象：

// Перебираю атрибут name у кнопок и добавляю их в объект
let elements = document.querySelectorAll('.btn');
let objects = {};
for (let i = 0; i < elements.length; i++) {
  const button = elements[i];
  objects[[button.name]] = {
    name: button.name
  };
}

// Создаю поиск
var form = document.querySelector('#search');
form.addEventListener('submit', function(event) {
  event.preventDefault();
  var data = new FormData(form);
  var num = data.get('num');
  console.log(num)
  var numfull = data.get('num')
  if (objects[num]) {
    console.log(objects[num]);
    // document.location.replace(objData2[num]);
  } else if (objects[numfull]) {
    console.log(objects[numfull]);
  } else {
    console.log('Not found');
  }
});
<div class="search">
  <form id="search">
    <input type="text" name="num" placeholder="Search">
    <button type="submit">Submit</button>
  </form>
</div>

例如，有一个对象

{ 
    N01 - Number 01: {name: "N01 - Number 01"}
    N15 - Number 15: {name: "N15 - Number 15"}
}

在搜索中，他们在控制台中输入了数字 15，显示了一个对象{name: "N15 - Number 15"}，他们输入了数字 01，在控制台中显示了该对象{name: "N01 - Number 01"}。

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

javascript

1 个回答

  1. Best Answer

    我提供这个选项。

    var object = { 
    "N01 - Number 01": {name: "N01 - Number 01"},
    "N15 - Number 15": {name: "N15 - Number 15"}
};

var form = document.querySelector('#form-search');

form.onsubmit = function(){ 
  
  var value = this.querySelector('#form-input-search').value.trim();
  var valid = null;
  
  if(value.match(/^\N[0-9]+.+[0-9]+$/)){
    valid = value.match(/^\N[0-9]+.+[0-9]+$/);
  } else {
    var source = "N{{search}} - Number {{search}}";
    source = source.replace(/{{search}}/g, value);
    valid = source.match(/^\N[0-9]+.+[0-9]+$/);
  }
    
  if(valid){
    
    if(object[valid]){
      console.log(object[valid]);
    } else {
      console.log("поиск не дал результатов");
    }
    
  } else {
    console.log("неверный формат");
  }
  return false;
  
}
    <form id="form-search">
  <input type="text" id="form-input-search">
  <button>Поиск</button>
</form>

    • 2

相关问题