$(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的功能吗?提前谢谢!