$(document).ready(function(){
		$(".sel_pref").change(function(){
        $.ajax({
			url: './xml_areas.php?pref='+$("option:selected", this).attr("value"),
            type: 'GET',
            dataType: 'xml',
            timeout: 1000,
            error: function(){
                alert('エリア情報 XML がロードできません。');
            },
            success: function(xml){
				$('.sel_area').empty();
				$('<option value="-1">選択なし</option>')
					.appendTo('.sel_area');
                $(xml).find('area').each(function(){
					$('<option value="'+$(this).find('id').text()+'">'+$(this).find('name').text()+'</option>')
					.appendTo('.sel_area')
            });
            }
        });
    });
});