Question

问候，

假设我有这样隐藏的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 dissapears并且所选值将成为文本输入字段的值。怎么做到这一点？

我使用jquery和jquery ui

问候

Answer 1

您可以使用Cluetip执行此操作。

Answer 2

您考虑过使用JQueryUI: Autocomplete吗？这完全符合您的要求

Answer 3

$("#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”添加到您的列表项

Answer 4

你好，你可能需要什么？



$(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;">
<a href="#" value="1">First</a>
<a href="#" value"2">Second</a>
</div>
<input type="text" id="myinput" />

Jquery：弹出选择div的最佳方式

4 个答案: