html - 如何将 url 添加到选择输入的选项?
问题描述
我试图创建一个列表框,将每个项目发送到不同的配置文件我有我的变量 $ru ,它可以让所有用户都在工作。我试过这个,但它不工作:
<select class="chosen form-control" name="User" style="height:28px" >
<option selected="selected"> Rechercher </option>
@foreach($ru as $user)
<option value="/profile/$user->id ">
<a href="{{ url('/profile/'.$user->id) }} "> {{$user->name}} </a>
</option>
@endforeach
</select>
解决方案
不能像这样添加一个href,只需将它添加到值并使用事件侦听器:将jquery链接添加到你的脚本标签,用你的替换我的url和值。
$(document).ready(function(){
$('#user').change(function(){
window.location = this.value;
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="chosen form-control" name="User" id="user">
<option>Select profile</option>
<option value="http://www.google.com"> user name </option>
</select>
来源:堆栈溢出
推荐阅读
- macos - 不推荐使用 LSSharedFileListInsertItemURL 时,如何从 macOS 10.11 开始添加 LoginItems?
- python - 读取/写入 JSON 会增加一个额外的不必要的大括号 }
- c# - 减少 CPU 使用率 asp net mvc
- java - 有没有办法获取上下文中可用的异常处理程序类/方法的列表?
- json - 与颜色相关的颤动图像
- .htaccess - 尝试请求 Woocommerce 端点时,支付网关被 mod_security 阻止
- flutter - Flutter SnackBar 显示在 CupertinoTabBar 下(隐藏的snackBar)
- azure - 使用 Azcopy 复制表存储
- java - 如何在 Android Studio 中使用 ListView 修复“不正确的 Onclick”
- r - 当有多个模式时,在 R 中查找模式