2

ご挨拶、

私がそのような隠されたdivを持っていると仮定します：

<div id="option-dialog" style="display:none;">
<a href="#" value="1">First</a>
<a href="#" value"2">Second</a>
</div>

そして、私はテキスト入力フィールドを持っています：

<input type="text" id="myinput" />

myinputフィールドをマウスでクリックすると、非表示のdivが選択した入力フィールドの近くに表示され、ユーザーがこのdivからリンクを選択すると、divが消え、選択した値がテキスト入力フィールドの値になります。これを達成する方法は？

jqueryとjqueryuiを使用します

よろしく

4

4 に答える 4

1

これを行うには、 Cluetipを使用できます。

于 2011-02-09T13:21:01.780 に答える
1

JQueryUI：オートコンプリートの使用を検討しましたか？これはまさにあなたが探していることをします

于 2011-02-09T13:21:04.297 に答える
0 
$("#myinput").live("focus", function() {
$("#option-dialog").toggle();
});

$(".option").live("click", function() {
var opt_val = $(this).attr("value");
$("#myinput").val(opt_val);
$("#option-dialog").toggle();

});

リストアイテムにclass="option"を追加します

于 2011-02-09T13:26:26.970 に答える
0

こんにちはこれはあなたが必要なものかもしれませんか？


$（function（）{
$（ "＃myinput"）。click（function（）{
$（this）.hide（'slow'）;
$（'＃option-dialog'）。show（'slow'）;

}）;

$（'＃option-dialog a'）。click（function（）{
var a = $（this）.text（）;
$（this）.parent（）。hide（'slow'）;
$（ "＃myinput"）。val（a）.show（'slow'）;
}）;




}）;
 


<div id = "option-dialog" style = "display：none;">
<ahref = "＃"value="1">最初</a>
<ahref = "＃"value"2">2番目</a>
</ div>
<input type = "text" id = "myinput" />
于 2011-02-09T13:39:04.900 に答える