Question

我想用所选项目列表替换范围的默认值。

<span id="selected-lang">Select your language</span>
<ol class="lang-list">
    <li data-value="en" class="active">
        <a><img src="en.gif" />English</a>
    </li>
    <li data-value="de">
        <a><img src="de.gif" />Deutsch</a>
    </li>
    <li data-value="fr">
        <a><img src="en.gif" />Francais</a>
    </li>
</ol>

我尝试使用jQuery .change但是没有工作：

$(".lang-list").change(function () {
  var str = "";
  $(".lang-list li.active").each(function () {
        str += $(this).text()+"";
      });
  $("#selected-lang").text(str);
})

我该怎么办？
谢谢！

Answer 1

$(".lang-list a").click(function () {
    $('ol.lang-list li').removeClass('active');
    $(this).parent().addClass('active');
    $("#selected-lang").text($(this).text());
})

<强> jsFiddle example

如何从下拉列表中获取所选项目？

1 个答案: