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"
    }
});

在<option>标签中使用href链接和</option>中的jQuery

1 个答案: