Jquery模式+默認選項卡使用選擇

Question

現在我有一個錨點鏈接，點擊後打開一個模式窗口。模態窗口內部我有兩個選項卡。

單擊鏈接時，模式打開並顯示選項卡。

下面是代碼：

<a href="#" data-reveal-id="myModal" data-animation="fade" >Weekly Schedule</a> 

這裏是用標籤模態窗口：

<div id="myModal" class="reveal-modal"> 
<a class="close-reveal-modal">&#215;</a> 

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Schedule 1</a></li> 
    <li><a href="#tabs-2">Schedule 2</a></li> 

    </ul> 
    <div id="tabs-1"> 
Schedule 1 content 
</div> 

<div id="tabs-2"> 
Schedule 1 content 
</div> 

</div> 
</div> 

這裏是的jsfiddle： http://jsfiddle.net/3npaykxd/7/

這是工作的罰款。但是現在我想要更改錨鏈接來選擇下拉菜單。這樣，每當用戶更改選項。默認情況下打開選定選項選項卡的模式窗口。

像這樣：

<select name="schedule"> 
<option value="">Please Select schedule </option> 
<option value="0">Schedule 1 </option> 
<option value="1">Schedule 2</option> 
</select> 

因此，選擇選項1將打開模態窗口，標籤1爲裏面默認打開。同樣選擇標籤2將打開模式，標籤2打開爲默認內部。

我該如何做到這一點？

艾哈邁爾

Answer 1

感謝這樣：How do I open a tab from with jQuery UI Tabs from an link outside of the div?

當選擇框的改變，標籤也隨之變化。這裏的jsfiddle：http://jsfiddle.net/3npaykxd/8/

$('#schedule').on('change',function(e){ 
    console.log($(this).val()); 
    $("#tabs").tabs("select",$(this).val()); 
}) 

我覺得自己能夠處理淡入/淡出自己