Javascript jQuery中的一个选择框和两个函数

我想知道一个选择框是否可以有两个功能

1.使用

value

选择选项时自动重定向

2.使用

数据文件

通过ajax将内容加载到最近的div中

<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>

---

您需要在此处使用条件选择-如果所选选项具有

数据文件

，则在

区域加载目标

，否则重新加载页面

var area = $(".area");
$(".loadurl").on('change', function () {
    var selected = $(this).find('option:selected');
    var loadfile = selected.data('file');
    if (loadfile) {
        area.empty();
        $(this).next('.area').load(loadfile);
    } else {
        window.location.href = $(this).val();
    }
});

---

重定向到另一个页面并在下一个div中加载内容。您希望实现什么？将同时触发这两个，您希望实现什么？

var area = $(".area");
$(".loadurl").on('change', function () {
    var selected = $(this).find('option:selected');
    var loadfile = selected.data('file');
    if (loadfile) {
        area.empty();
        $(this).next('.area').load(loadfile);
    } else {
        window.location.href = $(this).val();
    }
});