javascript - 带有选项链接的自定义 HTML 选择

Question

我一直在使用这个 jsfiddle我从 original 修改的适合我的风格。问题是我需要让每个选项都成为一个链接，所以当你点击一个链接时，它会加载 url 集作为值。我在另一个论坛中发现了以下功能，它适用于普通的 HTML 选择，但是当我使用 jsfiddle 版本时它不再起作用:

document.getElementById("test_select").onchange = function() {
        if (this.selectedIndex!==0) {
            window.location.href = this.value;
        }        
    };

我对 Javascript 或 jQuery 一无所知，我只使用 HTML 和 CSS，所以如果有人能指出我的 jfiddle 中有什么冲突，以便我可以正常工作，我将不胜感激!

Answer 1

只需将它添加到您现有的函数中:

if ($tgt.is('li')) {
    $(this).find('span').html($tgt.html());
    var value=$tgt.attr('rel');
    $('#test_select').val( value);
    // Add this line:
    window.location.href = value;
}

编辑:JSFiddle 今晚似乎没有工作，所以它在 Codepen 上:http://codepen.io/anon/pen/pJqYYO