You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel5.5中jQuery Multiselect循环渲染时仅最后一项生效问题

jQuery Multiselect 插件循环渲染时仅最后一项生效问题

我在使用名为 multiselect 的 jQuery 插件时遇到异常,暂不确定是否是该插件与 Laravel 5.5 存在兼容性问题:
当前开发的系统需要为 select 下拉框添加多选功能,我通过 foreach 循环读取数据库记录渲染页面元素,原本计划通过 HTML 标签的 ID 属性绑定 jQuery 的 multiselect 初始化方法,在 select 标签的 id 属性中绑定了数据库返回的用户 ID 字段,初始代码如下:

<select multiple="multiple" class="form-control" id="{{$user->id_user}}" name="user_id">

对应的 jQuery 初始化代码如下:

$(function () {
  $("#{{$user->user_id}}").multiselect();
});

页面通过表格循环渲染所有数据,每行配置编辑按钮,点击后可展开折叠式的编辑表单,我需要表单内的 select 组件支持同时选中多个选项。但目前遇到的问题是:multiselect 方法仅对数据库最后一条记录对应的编辑表单生效,其余表单内的多选功能均失效,无法按预期工作。

以下是完整的业务代码:

<?php foreach ($combos as $user): ?>
<tr>
  <td scope="row">{{$user->user_id}}</td>
  <td>{{$user->name}}</td>                 
  <td>{{$user->desc}}</td>
  <td>
    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample{{$user->user_id}}" aria-expanded="false" aria-controls="collapseExample">edit</button>
    <div class="collapse" id="collapseExample{{$user->user_id}}">
      <div class="card card-body">
        <form action="{{ url('update') }}" method="post">
          {{method_field('PUT')}}
          {{csrf_field()}}
          <div class="form-group">
            <label>Name</label>
            <input required type="text" name="name" class="form-control" aria-describedby="helpId" readonly value="{{$user->name}}">
            <small id="helpId" class="text-muted">Pepito Peres</small>
          </div>
          <div class="form-group">
            <label>desc</label>
            <input required type="text" name="desc" class="form-control" aria-describedby="helpId" readonly value="{{$user->desc}}">
            <small id="helpId" class="text-muted"></small>
          </div>
          <div class="form-group">
            <label>code</label>
            <select multiple="multiple" class="form-control" id="{{$user->user_id}}" name="user_id" >
              <option value="">select options</option>
              <?php foreach ($products as $user) { ?>
              <option value="{{$user->name}}">{{$user->name}}</option>
              <?php } ?>
            </select>

因英语非我的母语,若存在拼写错误敬请谅解。附上问题截图,可更直观展示异常现象:
问题示例截图


内容的提问来源于stack exchange,提问作者Miguel David

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.30 10:39:20