使用ul> li過濾數據

Question

我正在從數據庫中獲取數據，並嘗試過濾這些數據。 但不使用selectBox嘗試使用ul > li已設置控制器。

public function search(Request $request)
    {
        $q = $request->q;
        $sortbyprice = $request->sortbyprice;
        $region = $request->region;

        $paginationData = [
            'q' => $q
        ];

        $estates = \DB::table('allestates')
            ->where('lat', '!=', '')
            ->where('lng', '!=', '')
            ->where('price', '!=', '')
            ->where(function($query) use ($q) {
                $query->where("building_name", "LIKE", "%" . $q . "%")
                    ->orWhere("address", "LIKE", "%" . $q . "%")
                    ->orWhere("company_name", "LIKE", "%" . $q . "%")
                    ->orWhere("region", "LIKE", "%" . $q . "%");
            })
            ->when($sortbyprice, function($query, $order) use ($paginationData) {
                if(!in_array($order, ['asc','desc'])) {
                    $order = 'asc';
                }

                $paginationData['sortbyprice'] = $order;

                return $query->orderBy('price', $order);

            }, function($query) {
                return $query->orderBy('price');
            })
            ->when($region, function($query, $regionId) use ($paginationData) {
                $paginationData['region'] = $regionId;
                return $query->where('region', $regionId);
            })
            ->paginate(100);

        $paginationData = array_filter($paginationData);

        return view("home", compact('estates', 'q','paginationData'));
    }

我在刀片中創建了一個下拉菜單。 但是我不太確定如何將值傳遞到菜單中。 例如，當我單擊“價格”時，它會自動對其進行過濾。 或者，當我單擊“巴黎”時，它將從數據庫中獲取巴黎。

 ul { font-family: Arial, Verdana; font-size: 14px; margin: 0; padding: 0; list-style: none; } ul li { display: block; position: relative; float: left; } li ul { display: none; } ul li a { display: block; text-decoration: none; color: #ffffff; border-top: 1px solid #ffffff; padding: 5px 15px 5px 15px; background: #2C5463; margin-left: 1px; white-space: nowrap; } ul li a:hover { background: #617F8A; } li:hover ul { display: block; position: absolute; } li:hover li { float: none; font-size: 11px; } li:hover a { background: #617F8A; } li:hover li a:hover { background: #95A9B1; } 

 <ul id="menu"> <li><a href="">Sort Cheapest</a></li> <li><a href="">City</a> <ul> <li><a href="">Paris</a></li> <li><a href="">Amsterdam</a></li> <li><a href="">New York</a></li> </ul> </li> </ul> 

如何將“ sortbyprice”和“ region”或“ paris”等值傳遞到菜單中...

Answer 1

也許像這樣的<li><a href="/search?region=amsterdam">Amsterdam</a></li>

Answer 2

請使用此功能獲取點擊數據：

$(function(){
    $("#menu li ul li a").click(function(){
        var item = $(this).text();
        var searchfrom  = $(this).parent().parent().parent().text();
        window.location = APP_URL+"/search?q="+searchfrom+"="+item;

   });
});

如何在Bootstrap按鈕下拉標題中顯示所選項目