searchbar 相关问题

从数据库中使用 javascript 搜索栏

对于我的项目，我无法使用 php。我发现的关于带有数据库的搜索栏的所有内容都是在 php 或 html 中（没有数据库）。这就是为什么我被困住了。使用此代码，我可以访问我的数据库，并且它确实...

SearchBar 错误：“Symfony\Bridge\Doctrine\ArgumentResolver\EntityValueResolver”找不到“App\Entity\Product”对象

我的 searchBar 存在问题，它包含在带有模板的 base.html.twig 文件中。 当我只显示具有 findAll 功能的产品时它可以工作，但现在我有了我的......

如何让建议出现在搜索栏下方

我想让建议列表显示在搜索栏下方，如下例所示： 我在示例中使用了相同的代码，但搜索框和列表在搜索时像这样全屏显示...

实现我的搜索栏（fuzzywuzzy）颤动的问题

我正在使用 flutter 中的 fuzzywuzzy 包，我不知道为什么，但它说我的结果变量为空。 你们能帮我解释一下原因吗？ 我想要结果的值，我尝试将其放入

SwiftUI 原生 SearchBar：搜索文本更改时触发 API 请求

2020年，当我第一次接触SwiftUI时，SearchBar需要回滚到UIKit，因为当时SwiftUI对它的支持还不是很好。 我使用下面的代码在 2020 年创建搜索栏 导入 SwiftUI 是...

我的博客搜索栏不显示已过滤的博客

这是我的代码，我无法从搜索栏中获得任何结果。 const 最近博客 = ({最近博客}) => { const [查询，setQuery] = useState("") 常量过滤项 = (() => { 如果（！

反应主页上的搜索栏以重定向到结果页面

我正在尝试在网站主页上创建一个搜索栏以重定向到搜索页面并显示结果，但用户可以从那里继续搜索。所以功能类似于...

React Native 搜索栏与反应导航

我想在我的标题中添加一个搜索栏。我正在使用反应导航，并且想要创建如下两张图片所示的效果。当您按下搜索图标时，汉堡包图标会变成一个...

如何知道用户停止在文本字段（）中输入内容以在flutter中调用搜索api

我想停止搜索 onchanged() 文本字段中的每个单词，并且还尝试了 searchdelete 此处发生的相同操作。所以我想在一组单词中或停止输入时进行搜索。并调用 api 重新...

搜索栏小部件有关首选大小小部件的问题

我正在使用flutter框架创建一个移动应用程序。我想在我的主页上添加一个搜索栏。主页和搜索栏文件彼此独立。这是我的 home_screen.dart 文件 导入'

如何修复 VS Code Jupyter 中的搜索栏，查找输入因翻译字符而缩小

搜索关键字输入字段隐藏但处于活动状态。搜索是盲目进行的。这是 Jupyter Notebook 仅在 VS Code 中出现的问题。

如何按相关性和日期降序对搜索结果进行排序？ （Ajax 不会覆盖）

如何将代码片段添加到我的 search.php 中，以使我们网站的搜索结果按相关性和 ndate 降序加载？ （这样我就可以根据需要手动设置日期来订购结果。）

如何在点击 Flutter 搜索栏时显示键盘？

在 Android Flutter/Dart 应用程序中，我在屏幕顶部有一个搜索栏。如果用户单击搜索栏，则会显示键盘。如果用户随后关闭键盘（使用向下箭头......

使用反应钩子进行去抖搜索栏

从 'react' 导入 React, { useEffect, useState } 从 'axios' 导入 axios 函数自动完成输入（）{ const[数据，setData] = useState([]) const [filtereddata,setfilteredData]=useStat...

搜索栏不会过滤，因为未捕获类型错误：无法读取未定义的属性（读取“toLowerCase”）

所以，这是我第一次尝试编写功能性搜索栏。这是我的 html、css 和 js 代码，用于编写一个简单的搜索栏。 HTML： ...

如何使文章搜索栏适用于 HTML/CSS

我的搜索栏由于某些原因无法正常工作，我无法弄清楚。 这是搜索栏的代码： 我的搜索栏由于某些原因无法工作，我无法弄清楚。 这是搜索栏的代码： <input id="searchbar" onkeyup="search_text()" type="text" name="search" placeholder=" Search.."> 这是文章的代码： <section class="articles_section"> <div class="main_flexbox"> <div class="flexbox"> <div class="box1"> <img src="images/green_leaf1.jpg" class="box_image"> <hr class="thirdline"> <a class="link_text" href="#"><p class="aboutmetext2">HOW TO SUCCED IN COMBATING STRESS AND ANXIETY?</p> </a> </div> <div class="box1"> <img src="images/green_leaf3.jpg" class="box_image"> <hr class="thirdline"> <a class="link_text" href="#"><p class="aboutmetext2">HOW TO GET CONFIDENT IN YOURSELF?</p> </a> </div> <div class="box1"> <img src="images/green_leaf1.jpg" class="box_image"> <hr class="thirdline"> <a class="link_text" href="#"><p class="aboutmetext2">HOW TO MANAGE TIME SHCEDULING?</p> </a> </div> </div> </div> </section> 这是来自 galleryfilter 的 Java 脚本文件的代码： function search_text() { let input = document.getElementById('searchbar').value input=input.toLowerCase(); let x = document.getElementsByClassName('.box1'); for (i = 0; i < x.length; i++) { if (!x[i].innerHTML.toLowerCase().includes(input)) { x[i].style.display="none"; } else { x[i].style.display="block"; } } } 它应该通过框中段落中的文本过滤文章（代表每个 box1 div）。 预先感谢您！ function search_text() { var input, filter, a, i, txtValue; input = document.getElementById("searchbar"); filter = input.value.toUpperCase(); box1 = document.getElementById("box1"); a = box1.getElementsByTagName("a"); for (i = 0; i < a.length; i++) { p = a[i].getElementsByTagName("p")[0]; txtValue = p.textContent || p.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { a[i].style.display = ""; } else { a[i].style.display = "none"; } } } <input id="searchbar" onkeyup="search_text()" type="text" name="search" placeholder=" Search.."> <div id="box1"> <a class="link_text" href="#"><p class="aboutmetext2">HOW TO SUCCED IN COMBATING STRESS AND ANXIETY?</p> </a> <a class="link_text" href="#"><p class="aboutmetext2">Create A Search List</p> <a class="link_text" href="#"><p class="aboutmetext2">Step 1) Add HTML</p> <a class="link_text" href="#"><p class="aboutmetext2">Style the input element and the list:</p> <a class="link_text" href="#"><p class="aboutmetext2">Step 3) Add JavaScript:</p> <a class="link_text" href="#"><p class="aboutmetext2"> Tip: Remove toUpperCase() if you want to perform a case-sensitive search. </p> </div> 侯赛因·梅拉·拉赫巴尔 (Hussain Mera Rahbar)新卡兰 2023 |穆哈拉姆 ||穆夫提·赛义德·阿尔沙德·侯赛尼 <div class="box" ><a href="video folder\125 adam khor.html"><img src="video folder\125 adam khor.jpg" > <h2> ADAM KHOR آدم خور || New Kalaam 2023 || Mufti Saeed Arshad Al Hussaini </h2> </a></div> <div class="box" ><a href="video folder\124 Umar ibn e Khatab.html"><img src="video folder\124 Umar ibn e Khtab.jpg" > <h2>Umar ibn-e Khattab ؓ سیدنا عمر ابن الخطاب || New Kalaam 2023 || Mufti Saeed Arshad Al Hussaini </h2> </a></div> <article class="box" ><a href="video folder\123 usman e ghani.html"><img src="video folder\123 usman e ghani.jpg" > <h2>Usman e Ghani ؓعثمان غنی || New Kalaam 2023 || Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\122 iqrar hogaya.html"><img src="video folder\122 iqrar hogya.jpg" > <h2>iQrar HoGaya اقرار ہوگیا || New Kalaam 2023 || Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\121 sadaqat abubakar.html"><img src="video folder\121 sadaqat abubakar.jpg" > <h2>SadaQat AbuBakr ؓصداقت ابوبکر || New Kalaam 2023 || Mufti Saeed Arshad Al Hussaini</h2> </a></article> <article class="box" ><a href="video folder\008 sitara insan tha.html"> <img src="video folder\008 sitara insan tha.jpg" ><h2> Sitara Insan Tha ( Bilal Khan ) || New Nazam ( 2019 ) || by Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\007 sohna nam hy.html"><img src="video folder\007 sohna nam hy.jpg" ><h2>Sohna Nam hai Muavia (R.A) || New Manqabat 2019 || by Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\006 abubakar da peyara ali.html"> <img src="video folder\006 abubakar da peyara ali.jpg" ><h2> Abubakr da Piyara ALi ALi (R.A) || New Manqabat 2019|| by Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\005 islam ki azmat.html"> <img src="video folder\005 islam ki azmat.jpg"> <h2>Islam ki Azmat k Nigehban Sahaba (R.Z)| New Manqabat 2019 || by Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\004 tuba tuba.html"> <img src="video folder\004 tuba tuba.jpg"><h2> Tauba Tauba توبہ توبہ || New Nazam 2018 || Mufti Saeed Arshad Al Hussaini مفتی سعید ارشد الحسینی </h2> </a></article> <article class="box" ><a href="video folder\003 omar aya omar aya.html"><img src="video folder\003 umar umar.jpg" ><h2> Omar Aaya Omar Aaya (R.A) عمرآیا عمرآیا || New Kalaam || Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" ><a href="video folder\002 ly k nam e wafa.html"> <img src="video folder\002 ly k nam e wafa.jpg" > <h2> Ly ky Nam-e Wafa - لےکے نام وفا || New Nazam || by Mufti Saeed Arshad Al Hussaini </h2> </a></article> <article class="box" > <a href="video folder\001 mera vijdan pakistan.html"><img src="video folder\001 mera wijdan pakistan.jpg"> <h2> Mera Vijdan Pakistan میراوجدان پاکستان || New Milli Tarana 2018 || by Mufti Saeed Arshad Al Hussaini</h2> </a></article>

毛伊岛搜索栏和弹出窗口

我花了两天时间，但最后我明白了我的应用程序的问题，但我不确定我是否犯了错误或什么...... 我有这个 XAML 文件、一个简单的搜索栏和一个执行

如何在 Excel 2016 的 VBA 中制作搜索栏代码？

我有一个 Excel 2016 代码（这是我的工作正在使用的应用程序版本），用于根据我在搜索栏（ActiveX 文本框）中输入的内容来过滤表格中的结果。 我很想得到帮助

为搜索栏创建逻辑

我正在尝试为我的搜索栏创建逻辑以通过元素的 ID 搜索元素，但它不起作用 这是 HTML 代码： 我正在尝试为我的搜索栏创建逻辑以通过元素的 ID 搜索元素，但它不起作用 这里是HTML代码： <input type="text" id="searchBar" placeholder="Search..."> <ul id="searchResults"></ul> 这是它的 JavaScript 逻辑代码： const searchBar = document.getElementById('searchBar'); const searchResults = document.getElementById('searchResults'); searchBar.addEventListener('keyup', function(event) { console.log('Keyup event detected'); // Check if event listener is triggered if (event.key === 'Enter') { const searchTerm = searchBar.value.toLowerCase(); console.log('Search term:', searchTerm); // Check the search term searchResults.innerHTML = ''; const matchingResults = performSearch(searchTerm); console.log('Matching results:', matchingResults); // Check the matching results displayResults(matchingResults); } }); function performSearch(searchTerm) { const allElements = document.querySelectorAll('[id]'); return Array.from(allElements).filter(element => element.id.toLowerCase().includes(searchTerm)); } function displayResults(results) { results.forEach(result => { const li = document.createElement('li'); li.textContent = result.id; searchResults.appendChild(li); }); } 我试了很多次都没用 您可以将输入包装在表单中以获得“输入”功能。 注意： 键入“或”并按 Enter const searchForm = document.getElementById('search-form'); const searchResults = document.getElementById('search-results'); const handleSubmit = (e) => { e.preventDefault(); const searchTerm = e.target.elements.term.value.toLowerCase(); console.log('Search term:', searchTerm); // Check the search term searchResults.innerHTML = ''; // Clear existing results const matchingResults = performSearch(searchTerm); console.log('Matching results:', matchingResults); // Check the matching results displayResults(matchingResults); }; const performSearch = (searchTerm) => [...document.querySelectorAll('[id]')] .filter(element => element.id.toLowerCase().includes(searchTerm)); const displayResults = (results) => { searchResults.innerHTML = ''; results.forEach(result => { const li = document.createElement('li'); li.textContent = result.id; searchResults.appendChild(li); }); }; searchForm.addEventListener('submit', handleSubmit); body { padding: 0.25rem; } h2 { margin: 0; } ul { padding: 0.5rem 0 0 1.25rem; margin: 0; } <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet"/> <form id="search-form" autocomplete="off"> <input type="search" id="search-term" name="term" placeholder="Search..."> </form> <hr /> <h2>Examples</h2> <span id="apple">Apple</span>, <span id="ape">Ape</span>, <span id="orange">Orange</span>, <span id="orangutan">Orangutan</span> <hr /> <h2>Results</h2> <ul id="search-results"></ul> 您的代码按预期工作。您的 HTML 中没有 IDs 元素。尝试输入例如“乌克兰”，您会看到匹配的结果。 const searchBar = document.getElementById('searchBar'); const searchResults = document.getElementById('searchResults'); searchBar.addEventListener('keyup', function(event) { console.log('Keyup event detected'); // Check if event listener is triggered if (event.key === 'Enter') { const searchTerm = searchBar.value.toLowerCase(); console.log('Search term:', searchTerm); // Check the search term searchResults.innerHTML = ''; const matchingResults = performSearch(searchTerm); console.log('Matching results:', matchingResults); // Check the matching results displayResults(matchingResults); } }); function performSearch(searchTerm) { const allElements = document.querySelectorAll('[id]'); return Array.from(allElements).filter(element => element.id.toLowerCase().includes(searchTerm)); } function displayResults(results) { results.forEach(result => { const li = document.createElement('li'); li.textContent = result.id; searchResults.appendChild(li); }); } <ul style="display: none;"> <li id="ukraine">Ukraine</li> <li id="us">United States</li> <li id="japan">Japan</li> </ul> <input type="text" id="searchBar" placeholder="Search..."> <ul id="searchResults"></ul>

如何禁用搜索栏旁边的 Windows 新闻提要？ [关闭]

当我点击 Windows 上的搜索图标时，会打开以下内容： Windows 中的搜索栏 在右边你可以看到一些新闻/一些东西，Windows 认为我可能会感兴趣。 我的问题...