红雷家族

红雷家族

<input type="text" id="searchInput" oninput="searchDatabase()" placeholder="武器"> <input type="text" id="1" placeholder="武器"> <input type="text" id="2" placeholder="武器"> <input type="text" id="3" placeholder="武器"> <div id="searchResult"></div> <script> // 您的数据列表 var arr_YXwuqi = [ ["亘古之守望", "凯旋骑士", "天堂之刃", "天堂之刃★", "弗鲁梅格之剑", "战场余晖", "星辰之剑", "红辰光巨剑", "红辰光巨剑★", "红长剑★", "通魔战刃", "鱼肠剑"], ["不朽巨人", "创世巨人", "屠戮角斗斧", "帝王战斧", "泣血巨人", "狂魔之斧", "皇族长柄斧", "红角斗士之斧★", "红雷矢巨斧", "红雷矢巨斧★", "裂狱", "黄昏"] ]; function searchDatabase() { // 获取输入框的值 var keyword = document.getElementById("searchInput").value; // 在数据列表中搜索匹配的数据 var searchResults = []; for (var i = 0; i < arr_YXwuqi.length; i++) { for (var j = 0; j < arr_YXwuqi[i].length; j++) { if (arr_YXwuqi[i][j].includes(keyword)) { searchResults.push(' ' + arr_YXwuqi[i][j]); } } } // 显示搜索结果 var searchResultElement = document.getElementById("searchResult"); if (searchResults.length > 0) { searchResultElement.innerHTML = "搜索结果:" + generateClickableResults(searchResults); } else { searchResultElement.innerHTML = "未找到匹配的数据"; } } function generateClickableResults(results) { var clickableResults = ""; for (var i = 0; i < results.length; i++) { clickableResults += "<span onclick='fillInput(\"" + results[i] + "\")'>" + results[i] + "</span>"; } return clickableResults; } function fillInput(value) { document.getElementById("searchInput").value = value; } </script>实现代码里的四个input输入框独立实现输入关键字,对数据列表搜索相关内容,并且点击结果可以直接传到input输入框中
07-25
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值