JQuery: лучший способ открыть окно выбора

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 исчезает, а выбранное значение становится значением поля ввода текста. Как этого добиться?

Я использую jquery и jquery ui

С уважением

Answer 1

рассматривали ли вы использование JQueryUI: автозаполнение ? Это именно то, что вы ищете

Answer 2

Вы можете использовать Cluetip , чтобы сделать это.

Answer 3

Привет, может быть, это то, что вам нужно?

$(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" />

Answer 4

$("#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" к вашим элементам списка