1,这是一个比较简单的页面,你可以复制下来就可以使用。 标签: 2.实战自动填充数据:(1)页面:
$("#account_name").focus(function(){ var sel = $('#select').val(); var auto_able = !$(this).data('autocomplete'); if(auto_able) { $(this).autocomplete( { autoFocus: true,//自动获得焦点 minLength: 0, autoFill: true, //要不要在用户选择时自动将用户当前鼠标所在的值填入到input框,Default: false source: '__URL__/autoCompleteAccount', //这是路径,也是数据源。 select: function (event, ui) { $("#account_name").val(ui.item.label); window.location.href = "__URL__/order?sel="+sel+"&account_id="+ui.item.id; return false; } } ); }});输入框:
placeholder="请输入帐号名称" >(2).控制器:
public function autoCompleteAccount(){ $flag_arr = array(); if($_GET['term']){ foreach( $this->_account as $key=>$ac){ if ( stripos( $ac , trim($_GET['term']) ) !== false ) $flag_arr[] = array( 'id' => $key, 'label' => $ac, ); } } echo json_encode($flag_arr);exit; //以json的方式}