在内部使用href链接 <option>用jQuery标记的方式

Question

我有以下代码：

<div class="dropdownmenu">
    <select multiple id="cd-dropdown" name="dropdown-menu" class="cd-select">
        <option value="-1" selected>Social</option>
        <option onClick="window.location = 'http://www.twitter.com'" value="1" class="icon-monkey">Twitter</option>
        <option onClick="window.location = 'http://www.facebook.com'" value="1" class="icon-monkey">Facebook</option>
    </select>        
</div>

我尝试在选择框内添加带有标签，值，onclick的链接，但是它们均失败了，我意识到原因在于以下jQuery代码：

var elName = this.$el.attr( 'name' ), elId = this.$el.attr( 'id' ),
inputName = elName !== undefined ? elName : elId !== undefined ? elId : 'cd-dropdown-' + ( new Date() ).getTime();

this.inputEl = $( '<input type="hidden" name="' + inputName + '" value="' + value + '"></input>' ).insertAfter( this.selectlabel );

this.selectlabel.css( 'z-index', this.minZIndex + this.optsCount );
this._positionOpts();

我不知道如何更改代码以允许我添加链接。
我以为jQuery是问题原因，一旦我从HTML框中删除了“ id =“ cd-dropdown”，我的链接就可以使用，但是jQuery提供的效果和设计已不再适用。

Answer 1

使用$('select').change()事件：

$('select[name="dropdown-menu"]').change( function(){
    if ( $(this).val() == 1 ){
        //'this' refers to your select
        //insert your code to get the selected url,
        //and call "window.location.href = url"
    }
});