如何从引导程序的下拉菜单中获取这两个值
How to get both values from dropdown menu of bootstrap
我必须像这个网站一样创建搜索引擎:http://olx.co.id。 它有三个关键字。第一个是按项目搜索,第二个是按城市搜索,第三个是按类别搜索。用户可以使用一个关键字、两个关键字和三个关键字进行搜索。我没有任何想法来做这件事。这是我的代码,但我不确定它是否运行良好。
<form method="GET" action="category-grid.php">
<div class="control-group">
<input type="text" name="search_item_" class="search-field" placeholder="Searching Item ..." />
<ul class="categories-filter animate-dropdown">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >All Cities</button>
<ul class="dropdown-menu" role="menu" id="city" >
<li role="presentation"><a role="menuitem" tabindex="-1" >Jakarta</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" >Singapore</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" >Beijing</a></li>
</ul>
</li>
</ul>
<ul class="categories-filter animate-dropdown">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">All Categories</a>
<ul class="dropdown-menu" role="menu" id="category">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Car</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Motorcycle</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Property</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Industry</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Elektronic & Gadget</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Sport</a></li>
</ul>
</li>
</ul>
<a class="search-button" href="<?php echo base_url();?>search" ></a>
</div>
</form>
我的问题是如何在用户更改城市值时获取类别的值,或者在用户更改类别值时获取城市值。
<script>
var city; var category; var item=$('search_item').val();
$('#city li').on('click', function(){
city = $(this).text();
if(category == "") window.location.assign('<?php echo base_url()?>index.php/searching/'+city);
else window.location.assign('<?php echo base_url()?>index.php/searching/'+city+'/'+category);
});
$('#category li').on('click',function(){
$category = $(this).text();
if(city == "") window.location.assign('<?php echo base_url()?>index.php/searching/'+category);
else window.location.assign('<?php echo base_url()?>index.php/searching/'+lokasi+'/'+kategori);
});
<script>
感谢您的所有评论和回答
我建议你使用apache solr,它是一个基于java的搜索引擎。我认为 woud 适用于您想要的场景。
教程
下载
这只是我的建议。如果你喜欢试试吧。
相关文章:
- 如何在javascript中获取两个日期之间的周六和周日的日期
- 有效地获取两个区间之间的随机整数
- 添加两个对象以获取值的总和
- 当两个单独的单词被放在目标上时,使用Jquery获取一个值
- 从两个基于0的for循环迭代器中获取单个基于0的索引的公式
- 如何从日期范围选择器中获取两个日期
- 用时间戳获取两个不同日期之间的时间差
- 如何在jQuery中获取两个事件之间的时间差
- 使用Javascript获取两个字符串之间的字符串数组
- 在Jquery或Javascript中获取两个范围或日期之间的通信周数
- 用于获取两个方括号之间的数字的正则表达式
- 如何使用javascript获取两个变量的最高值
- 获取两个时区之间的时差(Javascript)
- 在两个按钮上的单击事件上,使用 jQuery 获取未按下按钮的值
- MongoDB聚合将两个不同的字段合并为一个并获取计数
- 如何从字符串中获取两个变量
- 在 JavaScript 中使用最后两个数字获取年份
- Javascript 正则表达式:获取最后两个段,用点除
- 如何使用jQuery获取url的最后两个字符
- Javascript-使用Regex获取两个字符之间的字符