私のウェブサイトでコードイグナイターを使用してオートコンプリートシステムを実行しています。しかし、私には問題があります。これは Chrome では機能しますが、mozilla と IE では機能しません。たとえば、Chrome で結果の itens をドロップダウン リストで開くと、mozilla と IE では「2 つの結果が利用可能です。上下の矢印キーを使用してナビゲートしてください」と表示されます。スクリーンショットを確認する
ビュー (autoComplete_v.php):
<head>
<link href="../../css/ui-lightness/jquery-ui-1.10.3.custom.css" media="screen" type="text/stylesheet" rel="stylesheet" />
</head>
<body>
<form>
<label for="search">Search</label>
<input id="search" type="text"/>
<input id="hiddenurl" type="hidden">
<input type="submit" value="submit"/>
</form>
<script src="<?php base_url();?>../../js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="<?php base_url();?>../../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="<?php base_url();?>../../js/autocomplete.js" type="text/javascript"></script>
js ファイル (autocomplete.js):
$(document).ready(function(){
$('#search').keypress(function(e){
if(e.which == 13)
{
e.preventDefault();
}
var searched = $('#search').val()
var fullurl = $('#hiddenurl').val() + '../autoComplete_c/getResult/' + searched
$.getJSON(fullurl,function(result){
//display suggestion code goes here
var elements = [];
$.each(result, function(i, val){
elements.push(val.referencia)
})
$('#search').autocomplete({
source : elements
})
})
});
});
コントローラー (autoComplete_c.php):
public function getResult($referencia){
if(!empty($referencia) || isset($referencia))
{
$this->db->select('referencia');
$this->db->like('referencia', $referencia);
echo json_encode( $this->db->get('produto_servico_tbl')->result());
}
}
クロム：
Mozilla と IE:
