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");
});