Question

我正在尝试使用bulma显示搜索结果框，到目前为止，对我来说什么都没有用，我已经尝试过像“ is-clearfix”这样的bulma助手，但是它仍然无法显示，我尝试了select和options，仍然直到我单击才显示，甚至尝试了荣誉勋章，但无法正常工作，有没有办法使用bulma css来做到这一点？

我的代码是

以html开头：-

 <div class="">
    <input type="text" name="country_name" id="country_name" class="input" placeholder="Enter Country Name" />
    <div id="countryList">
    </div>
   </div>

Ajax部分：-

$.ajax({
          url:"{{ route('autocomplete.fetch') }}",
          method:"POST",
          data:{query:query, _token:_token},
          success:function(data){
           $('#countryList').fadeIn();  
                    $('#countryList').html(data);
          }
         });

php部分：-

$output = '<ul class="dropdown-menu" style="z-index:4000 !important; position:absolute">';
      foreach($data as $row)
      {
       $output .= '
       <li><a href="#">'.$row->name.'</a></li>
       ';
      }
      $output .= '</ul>';

提前谢谢。

Answer 1

这就是我的想法，希望对您有所帮助：-

在您的控制器中：-

$output .= '
       <li><a href="'.url("manage/users").'/'. $row->id .'" class="input" style="border:2px; width:400px;">'.$row->name.'</a></li>
       ';
      }
      $output .= '</ul>';

并在您看来：-

<div class="">
    <input type="text" name="country_name" id="country_name" class="input" placeholder="Enter Country Name" />
    <div id="countryList" style="position:relative; width:100px;" > 
    </div>
   </div>

用bulma CSS显示浮动框搜索结果

1 个答案: