动态更改更改位置

Question

    $(document).ready(function() {

    //$('#loader').hide();

    $('.player1').livequery('change', function() {

        $(this).nextAll('.parent').remove();
        $(this).nextAll('label').remove();
        $('#characters1').empty();

        $('#characters1').append('<img src="loader.gif" style="float:left; margin-top:7px;" id="loader" alt="" />');
        $.post("get_characters.php", {
            player_id: $(this).val(),
            player: $(this).attr('player'),
        }, function(response){

            setTimeout("finishAjax('characters1', '"+escape(response)+"')", 400);
        });

        return false;
    });
function finishAjax(id, response){
  $('#loader').remove();

  $('#'+id).append(unescape(response));
}

好的，我有一个自动创建下拉列表的php循环。现在我有了Javascript来根据之前的下拉选项动态更新另一个下拉菜单。现在这里是我的问题，在php中有25对下拉菜单，使用id为'player＃'的独特下拉菜单创建，并通过下拉变化动态更新'character＃'。现在我希望javascript能够解释哪个id是哪个，以便它只修改链接到它。我可以通过使用正确的id编写脚本超过25次来实现这一点，但这似乎是浪费代码。有什么方法可以做这个类似于php的功能吗？提前谢谢！