javascript - jQueryの2つの機能を持つ1つの選択ボックス

Question

選択ボックスに 2 つの機能を持たせることが可能かどうかを知りたいです。

1. を使用してオプションを選択すると、自動的にリダイレクトされますvalue。

2. ajax を使用してコンテンツを最も近い div にロードしdata-fileます。

<select class="loadurl">
 <option value="#">Select</option>
 <option value="contact.php">Contact</option>
 <option value="about.php">About</option>
 <option data-file="fans.php">Fans</option>
</select>
<div class="area"></div>

しかし、次のスクリプトを試したところ、ajax オプション (Fans) は機能せず、代わりにリダイレクトを試みました。1 つの選択ボックスで 2 つの機能を使用する方法を教えてください。ここにデモがあります。

$(".loadurl").bind('change', function () {

  var selected = $(this).find('option:selected');
  var loadfile =selected.data('file');
  var area = $(".area");

  $(this).next(".area").load(loadfile);
area.empty();

});


$('.loadurl').bind('change', function () {
    window.location.href = $(this).val();
});