时间戳

首页 > 解决方案 > PHP Laravel 下拉列表

php - PHP Laravel 下拉列表

问题描述

我是 web 开发的新手，我想知道是否可以有一个下拉按钮，其中填充不同类型的帖子，如食谱、博客和图片。

我已经四处寻找，还没有找到任何东西。

到目前为止，我已经做到了

@can('update', $user->profile)
    <span>Type Of Post: </span>
    <select style="width: 200px" class="typeofpost" id="type_post_id">
        <option value="0" disabled="true" selected="true">-Select-</option>
        <option href="/p/create">Add New Image</option>
        <option>Add New Recipe</option>
        <option>Add New Meal Plan</option>
        <option>Add New Blog</option>
    </select>
@endcan

然而，尽管它显示列表为带有添加新图像的下拉列表，但我希望它能够跟随链接。有更好的选择吗？

标签： phplaravel

解决方案

你在正确的轨道上。

这里有两种方法。一种是使用javascript处理重定向。

看起来像这样：

@can('update', $user->profile)
<span>Type Of Post: </span>
<select style="width: 200px" class="typeofpost" id="type_post_id">
  <option disabled selected>-Select-</option>
  <option value="/image/create">Add New Image</option>
  <option value="/recipe/create">Add New Recipe</option>
  <option value="/mealplan/create">Add New Meal Plan</option>
  <option value="/blog/create">Add New Blog</option>
</select>
@endcan

document.getElementById('type_post_id')
  .addEventListener('change', function(event) {
    location.href = event.target.value
  })

我更喜欢的另一种方法是使用自己的标记和样式创建自己的下拉列表。谷歌快速搜索 CSS 按钮下拉菜单返回了许多很好的示例

推荐阅读