javascript - 如何从使用 标签创建的下拉列表中获取值

Question

我有一个下拉列表，其中包含国家名称及其国旗图像。由于我们无法使用 <select> <option> 创建这样的列表标签，我使用 <ul> <li> 创建了它.现在我想捕获用户选择的值并将其用于其他目的。我该怎么做？

列表是这样创建的:

<form id="formId" action="" method="post" class="loginForm">
  <fieldset id="localeSelect">
   <div>
     <div  id="localeIndicator">
      <a href="#" title="Select a country">
       <span class="united-kingdom"></span>UK &ndash; English
      </a>
    </div>
    <ul class="no-bullets block-list" role="tablist">
     <li><a href="#"><span class="austria"></span>Austria</a></li>
    </ul>
   </div>
</fieldset>
<fieldset>
 <input type="hidden" name="locale" />
 <input type="submit" value="Continue" />
</fieldset>

Answer 1

你可以做这样的事情。看看fiddle

fiddle Link

它会给你一个想法。

$("#submit").click(function() {
    alert("The selected Value is "+ $("ul").find(".selected").data("value"));
});