像jQuery选择类似onChange事件

Question

我有一个下拉菜单类似<select>，从外部js函数contolled。
HTML：

<ul class="select" id="select"> 
    <li> 
     <a href="javascript:void(0);" class="selectlink" id="price_type">UAH</a> 
     <ul> 
     <li onclick="onchange('elm0', 0);" > 
      <a href="javascript:void(0);" id="elm0">UAH</a></li> 
     <li onclick="onchange('elm1', 1);" > 
      <a href="javascript:void(0);" id="elm1">USD</a></li> 
     <li onclick="onchange('elm2', 2);" > 
      <a href="javascript:void(0);" id="elm2">EUR</a></li> 
     <li onclick="onchange('elm3', 3);" style="border-bottom:1px solid #54616E"> 
      <a href="javascript:void(0);" id="elm3">...</a></li> 
     </ul> 
    </li> 
</ul> 

和onchange -function使用jQuery：

function onchange(id, index) { 
    $("#price_type").html($("#"+id).html()); 
    updateData(index); 
} 

其中updateData(index)确实的AHAH请求根据参数index改变内容。但是我想用jQuery来改变这个老源，因此没有onclick="onchange('elm...', ...);"。而且因为我已经开始学习jQuery的3天前，我需要了解它是如何正确一些帮助：

$(function() { 
    $("ul#select li ul li").click(function() { 
     var id = $("[id^=elm]").attr("id").match(/\((\d+)\)/)[1]; 
     $("#price_type").html($("#elm"+id).html()); 
     updateData(id); 
    }); 
}); 

，我做的东西错了...谢谢您的解答！

Answer 1

我实际上将click()附加到锚，而不是列表项。

$("ul#select li ul li a").click(function() { 
    $("#price_type").html($(this).html()); 

    var id = $(this).attr("id")).match(/\((\d+)\)/)[1]; 
    updateData(id); 

    return false; // Now you can also remove the javascript:void(0) from your anchors onClick 
});