使用以下提到的插件。
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)
as(不是真的)插件的文档:
- 在需要的地方将输入字段插入网页中。
<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表单提交它,并根据表单设置以标准的GET或POST变量捕获该值。
它应该只是一种正常形式。将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']);
在魔术搜索的设置中,添加名称属性。喜欢:
name: 'name'
我正在使用此此事,并从http://www.choujindeputao.com/magicsearch/(我只读英语part)
只需在输入(价值交换)
这可能是一项黑客工作,但这是我为我工作的方式。
使用该选项生成隐藏的输入
隐藏:false,
修改jquery.magicsearch.js脚本
寻找:
var f=a.attr("name"),g=t('<input class="'+l.hidden+'" type="hidden" value="'+n+'">');
我在其中添加了名称=" magiagreturn",所以现在看起来像:
var f=a.attr("name"),g=t('<input class="'+l.hidden+'" type="hidden" name="magicreturn" value="'+n+'">');
- 您现在可以使用$ _POST ['MagicReturn'] 找到所有选定项目的值
希望这会有所帮助,或者希望有人能提出更好的方式。