jquery - 在里面使用href链接用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"
    }
});