jQuery を使用して、検索 text_jquery を入力できるドロップダウン ボックスを実装します。

var $xialaSELECT;
$(document).ready(function(){
initXialaSelect();
initSearch();
}); null;
var query="";
function searchDev(key){
//if(key == "")return;
temptimeout= setTimeout(findUnSaved, 500);
}
関数 findUnSaved()
{
//alert("dd")
//if(1==1) )return;
$.ajax({
type: "post",
data:{'query':query},
url: path "/tList.action",
成功: function(data) {
xiala(data);
},
error: function(data) {
alert("読み込みに失敗しました。もう一度お試しください!"); 🎜>});
}
function initSearch()
{
// ドロップダウン ボタン レイヤーを定義し、スタイル (位置、アンカー ポイントの座標、サイズ、背景画像、Z 軸) を設定します。 )、テキスト ボックスの後ろに追加します
$xialaDIV = $('').css('position', 'absolute').css('left', $( '#province') .position().left $('#province').width() - 15 'px').css('top',
$('#province').position().トップ 4 'px' ).css('background', '透明 URL(../images/lala.gif) 繰り返しなし 左上').css('height', '16px').css('width' ,
' 15px').css('z-index', '100');
$('#province').after($xialaDIV);
//マウスが入って背景を変更します画像の位置
$xialaDIV .mouseover(function(){
$xialaDIV.css('background-position', ' 0% -16px');
});背景画像の位置を変更します
$ xialaDIV.mouseout(function(){
$xialaDIV.css('background-position', ' 0% -0px');
});マウスを押して背景画像の位置を変更します
$xialaDIV.mousedown(function(){
$xialaDIV.css('background-position', ' 0% -32px');
}); >//マウスを離すと背景画像の位置が変更されます
$xialaDIV.mouseup(function(){
$xialaDIV.css('background-position', ' 0% -16px');
if($ xialaSELECT)
$xialaSELECT.show() ;
});
$('#province').mouseup(function(){
$xialaDIV.css('背景位置', ' 0% -16px');
$ xialaSELECT.show();
}
var
//テキスト ボックスのドロップダウン ボックス div
function xiala(data){
//初回
if($xialaSELECT)
{
$xialaSELECT.empty();
}
// ドロップを定義する- ボックス レイヤーをダウンしてスタイル (位置、アンカー ポイントの座標、幅、Z 軸) を構成し、最初に非表示にします
// 5 つのオプション レイヤーを定義し、スタイルを構成します (幅、Z 軸はドロップ レイヤーよりも高くなければなりません)ダウン ボックス レイヤー)、名前と値の属性を追加し、ドロップダウン ボックス レイヤーを追加します。
$ xialaSELECT.append(data);
if(firstTimeYes == 1)
{
firstTimeYes =firstTimeYes 1 ;
}else{
$xialaSELECT.show();
}
}
関数 initXialaSelect()
{
$xialaSELECT = $('