jquery,在数组[{"name":"系统","id":"15"},{"name":"子系统","id":"1575"}]中根据name的值模糊匹配
时间: 2023-07-30 17:13:15 浏览: 43
要在给定的对象数组中根据 `name` 值进行模糊匹配,可以使用类似的方法。这里是一个示例:
HTML 代码:
```html
<input type="text" id="searchInput" placeholder="Search...">
<ul id="searchResults"></ul>
```
JavaScript 代码:
```javascript
$(document).ready(function() {
var dataArray = [
{"name": "系统", "id": "15"},
{"name": "子系统", "id": "1575"}
];
$('#searchInput').keyup(function() {
var searchValue = $(this).val().toLowerCase();
var filteredArray = dataArray.filter(function(item) {
return item.name.toLowerCase().includes(searchValue);
});
// 清空搜索结果列表
$('#searchResults').empty();
// 将匹配的结果添加到下拉列表中
filteredArray.forEach(function(item) {
$('#searchResults').append('<li>' + item.name + '</li>');
});
});
});
```
在这个例子中,我们使用 `filter` 方法来筛选出匹配的对象。然后,我们将匹配的结果添加到下拉列表中显示出来。
请注意,这只是一个简单的示例,你可以根据需要进行修改和扩展。