Php 如何添加从输入中选择结果的列表?

Php 如何添加从输入中选择结果的列表?,php,html,database,laravel,Php,Html,Database,Laravel,我有一个带有列表和一些选项的模式。这些是从数据库中获取的。我需要列出/输入我在该模式中选择的内容。我能做吗 以下是我的清单: <section> <input type="text" class="form-control" id="populerNameKeyOrg" placeholder="Search for contacts" style="margin-top: 20px; margin-bottom: 20px; width:

我有一个带有列表和一些选项的模式。这些是从数据库中获取的。我需要列出/输入我在该模式中选择的内容。我能做吗

以下是我的清单:

    <section> 
             <input type="text" class="form-control" id="populerNameKeyOrg" placeholder="Search for contacts" style="margin-top: 20px; margin-bottom: 20px; width: 38%">
              <label class="select">
                 @if(isset($replyMessage))
                   @foreach($users->contact as $user)
                         <ul id="destPopulerOrg">
                     <li class="countryOrg"><input name="target_id[]" type="checkbox" value="{{ $user->id }}" <?php if(isset($replyMessage)){ if($replyMessage == $user->id) { echo "selected"; } } ?>><span>{{ $user->username }}</span></li>
                             <ul>
                         @endforeach
                 @endif
               </label>
            </section>

@如果(isset($replyMessage))
@foreach($users->以$user身份联系)
  • >{{$user->username}
    • @endforeach @恩迪夫
每个输入都有自己的id(用户id),就像这里的
。因此,我需要使用在模式中选择的值(用户名)进行类似于输入的操作

试试这个


@如果(isset($replyMessage))
@foreach($users->以$user身份联系)
  • >{{$user->username}
    • @endforeach @恩迪夫

顺便说一下,请确保将选中的
替换为选中的

正确的解决方案如下:

我的李:

<li class="country">  <input class="my_div" id="{{$user->username}}" name="target_id[]" type="checkbox" value="{{ $user->id }}" <?php if(isset($replyMessage)){ if($replyMessage == $user->id) { echo "selected"; } } ?>><span style="padding: 5px" class="name">{{ $user->username }}</span></li>
  • {{$user->username}
  • 结果的Div

    Checked users: <div id="results"></div>
    
    <script>
    $(document).ready(displayCheckbox);
    
    function displayCheckbox() {
    
        var checkboxes = $(".my_div");
        var results = $("#results");
    
        $.each(checkboxes, function() {
          $(this).change(printChecked);
        })
    
        function printChecked() {
            var checkedIds = [];
    
            checkboxes.each(function() {
                if($(this).is(':checked')) {
                    checkedIds.push($(this).attr('id'));
                }
            });
    
            console.log(results);
            results.text(checkedIds);
        }
    }
    
    
    </script>
    
    
    选中的用户:
    
    脚本

    Checked users: <div id="results"></div>
    
    <script>
    $(document).ready(displayCheckbox);
    
    function displayCheckbox() {
    
        var checkboxes = $(".my_div");
        var results = $("#results");
    
        $.each(checkboxes, function() {
          $(this).change(printChecked);
        })
    
        function printChecked() {
            var checkedIds = [];
    
            checkboxes.each(function() {
                if($(this).is(':checked')) {
                    checkedIds.push($(this).attr('id'));
                }
            });
    
            console.log(results);
            results.text(checkedIds);
        }
    }
    
    
    </script>
    
    
    
    $(文档).ready(显示复选框);
    函数displayCheckbox(){
    var复选框=$(“.my_div”);
    var结果=$(“#结果”);
    $.each(复选框,函数(){
    $(此).change(打印选中);
    })
    函数printChecked(){
    var checkedds=[];
    复选框。每个(函数(){
    如果($(this).is(':checked')){
    checkedds.push($(this.attr('id'));
    }
    });
    控制台日志(结果);
    结果.文本(检查EDIDS);
    }
    }
    
    谢谢,但这似乎不起作用:(哦,那个输入是用于搜索的。我需要为那个输入单独做一个输入:)所以那个输入是用于搜索的,它起作用了。我需要进行新的输入。请返回您的代码,并尝试写入选中的
    ,而不是选中的
    @Andrew