javascript - javascript中带有选择框的搜索栏
问题描述
您好,我使用下面的代码在 javascript 中创建一个选择框。用户选择该选项,然后单击一个按钮来过滤项目。Onclick myfunction() 被触发并重定向到新的 url 以显示结果。
我想在选择框的同时添加一个搜索栏。用户将从选择框中选择类别,然后使用搜索栏写一个单词或短语以在他将从选择下拉框中选择的类别中搜索。检查图像以了解我想如何修改它。我不想选择任何插件。
<?php
// Parameters
//elmnt: This is the select box taken by functions like "getElementById" or any other way.
//value: This is the value which needs to be selected from the options of elmnt.
echo "<br><br>Filter Banggood products by Product Category: ";
echo '<select id="apo">
<option value="0">All Products</option>
<option value="1">Smartphones</option>
<option value="2">Projectors</option>
<option value="3">Vaccum cleaner</option>
</select>';
echo " ";
?>
<input type="button" value="Apply Filter" style="background-color:grey" onclick="myfunction('<?php echo $r1 ?>')"/>
<script>
var noumero=<?php echo $r1
?>;
if (noumero=="44")
{
document.getElementById('apo').value = '<?php echo "1" ?>';
}
else if (noumero=="38")
{
document.getElementById('apo').value = '<?php echo "2" ?>';
}
else if (noumero=="194")
{
document.getElementById('apo').value = '<?php echo "3" ?>';
}
else
{
document.getElementById('apo').value = '<?php echo "0" ?>';
}
</script>
任何帮助表示赞赏。
解决方案
推荐阅读
- php - 如何将身份验证集成到现有的 laravel 项目中
- javascript - 没有值的返回类似于 Javascript 中的中断吗?
- javascript - TypeScript:它的返回类型'Element | undefined' 不是有效的 JSX 元素
- c++ - C++:wntdll.pdb 在使用运算符进行类销毁时未正确加载
- nginx - 如何为除某些文件之外的所有文件显示错误 404
- scala - 从 JsonRequest 将 DateTime 修剪为毫秒
- macos - 致命的:需要对自制软件进行一次修订
- elasticsearch - Elasticsearch 有主分片未激活,返回 org.elasticsearch.action.UnavailableShardsException
- visual-studio-code - 在 VSCode 中使用远程 SSH 时“必须连接到终端”
- reactjs - 在 gh-pages 上托管多页反应应用程序时出现 404 错误