2017-09-13 17 views
0

使用下面提到的插件。如何从动态自动补全选择在PHP(服务器端)选择的值?

http://www.jqueryscript.net/form/Dynamic-Autocomplete-Multi-select-Plugin-With-jQuery-magicsearch.html

这里是代码。

<script> 
    $(document).ready(function() { 

     $(function() { 
      var dataSource = [ 
       <?php foreach ($candidate_list as $row_candidate) { ?> 
       {id: <?=$row_candidate->candidate_id?>, firstName: '<?=$row_candidate->first_name?>', lastName: '<?=$row_candidate->last_name?>'}, 

       <?php } ?> 
      ]; 
      $('#interview_candidates').magicsearch({ 
       dataSource: dataSource, 
       fields: ['firstName', 'lastName'], 
       id: 'id', 
       method:'POST', 
       format: '%firstName% %lastName%', 
       multiple: true, 
       focusShow: true, 
       multiField: 'firstName', 
       multiStyle: { 
        space: 5, 
        width: 80 
       } 
      }); 
     }); 

    }); 
</script> 

如何在服务器端(PHP)都被选择下拉列表中的值

回答

0

作为(不是真的)通过插件的文件指出:

  • 在需要的地方将输入字段禁用到网页中。
  • <input class="magicsearch" id="basic" placeholder="search names..."> 
    

    http://www.jqueryscript.net/form/Dynamic-Autocomplete-Multi-select-Plugin-With-jQuery-magicsearch.html

    输入字段是所述成分数据的实际接收器。它应该有一个name="Something"属性,您可以通过常规html表单提交它,并根据表单设置将php作为标准的GET或POST变量捕获值。

    +0

    我已将上面的代码在网页但它没有在服务器端接收 服务器端代码 print_r(explode(',',$ _ POST ['interview_candidates'])); –

    +0

    @Suhaskn你有没有加入你想提交的

    的__inside__?上面的print_r()行究竟发生了什么?以及为什么你将数组括号添加到名称([])?那肯定会破坏爆炸()。 – Calimero

    0

    它应该只是一个正常的形式。在表单标记中给出name属性,并从php中获取$_POST的值。

    例子:

    <?php 
    if(isset($_POST['name'])){ echo $_POST['name']; } 
    ?> 
    
    <form method='post'> <input type='text' name='name' > <button type='submit'>Submit</button> </form> 
    

    的情况下,你有逗号分隔值,那么你可以用逗号explode的字符串,如:

    <?php print_r(explode(',',$_POST['name']); 
    
    +0

    我尝试像这一点它不工作。\t \t 我已经在上面添加了代码在网页,但它没有在服务器端接收服务器端代码print_r(explode(',',$ _ POST ['interview_candidates'])); –

    +0

    如果您使用的是Chrome浏览器,请检查您的网络标签并查看发布的表单值。这是参考如何检查。 http://www.exegetic.biz/blog/2016/09/viewing-post-data/ –

    0

    在魔术搜索的设置,添加name属性。像:

    name: 'name'