JQuery - нажмите на ссылку, чтобы выбрать пункт меню выбора

Question

В моей форме есть меню выбора, которое я хочу скрыть и заменить неупорядоченным списком. Я выяснил, как скопировать параметры выбора для ссылок в элементах списка, но не могу понять, как заставить ссылки выбирать соответствующую опцию выбора при нажатии. Кто-нибудь может дать мне некоторую ясность?

Вот мой код:

var states = $("#state option").map(function(){ 
                  return '<li><a href="#">' + $(this).text() + '</a></li>';
             }).get().join("");

$("#states-modal ul").append(states);

Answer 1

Я считаю, что это должно работать:

$("#states-modal").find("a").click(function() {
    $("#state").val($(this).text());
});

Answer 2

$("#states-modal").delegate("a", "click", function() {
  $("#state").val( $(this).text() );
});

$("#state option").each(function(){ 
  $("<li>")
  .append("<a>", {href: "#", text: $(this).text()})
  .appendTo("#states-modal ul");
});