如何從跳轉菜單打開jQuery對話框

Question

我想從跳轉菜單中激發jQuery對話框。我該怎麼做呢？

這裏是我的腳本：

<script> 
// increase the default animation speed to exaggerate the effect 
$.fx.speeds._default = 1000; 
$(function() { 
    $("#bulkConfirm").dialog({position:['middle',60],  
     open: function(event, ui) { 
     jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span style="float:right;"><img src="../images/x.png" /></span>'); 
    }, 
     dialogClass: 'ui-widget-shadow', 
     modal: true,  
     autoOpen: false, 
     width: '650px', 
     close: function(ev, ui) {$(this).close();} 
    }); 

    $(".bulkConfirmOpen").click(function() { 
     $("#bulkConfirm").dialog("open"); 
     return false; 
    }); 
}); 
</script> 

這裏是我的菜單：

<select name="fieldname" size="1" onChange="go()" class="select" > 
    <option selected="selected"><em>Questions Bulk Edit Options...</em></option> 
    <option value="#">Change Category Assignments</option> 
    <option class="bulkConfirmOpen" href="#" >Change Status to Approved</option> 
    <option value="#">Move to Another Folder</option> 
</select> 

我想用「狀態更改爲已批准」選項打開對話框。目前它會很快打開對話框，但會立即重定向到找不到的頁面。其他菜單項將被定向到其他頁面鏈接。請幫助一下？

Answer 1

你可以試試這個：http://jsfiddle.net/TXkrM/

$(function() { 
    $(".select").change(function() { 
    if($('option:selected',this).attr('class')=='bulkConfirmOpen'){ 
     $(this).dialog(); 
    } 
    }); 
}); 

給予選項href屬性是不是一個有效的途徑。