啓用選項卡從單個下拉菜單

我有一個jsp頁面中的3 tabs和1 combo box。默認情況下Tab 1 is enabled and tab2 and tab3 are in disabled mode，當我將選擇term one（在下拉項），然後自動我要加以1st tab如果please select option是choosen然後tab2 and tab3 will be disabled啓用選項卡從單個下拉菜單

這裏是小提琴：http://jsfiddle.net/AavsW/21/

，但如果我想要什麼，我將選擇term one（在下拉項目中），然後我想要去tab3這是選項卡的順序和下拉項目不需要以相同的方式。我應該使用data-tabid=""?我該如何實現它？任何幫助表示讚賞

來源

2012-03-19 Tom

目前代碼使用'選項'中的'value' - 只要將該值更改爲匹配選項時要打開的選項卡... – ManseUK 2012-03-19 09:32:13

請詳細說明您的要求..無法弄清楚您的問題。 – 2012-03-19 09:33:05

@ManseUK你可以添加更多的東西，像這樣的'value =「1」'？ – Tom 2012-03-19 09:39:09

它很難確切地知道你想，因爲你的問題是難以閱讀和明白...但你可以很容易地改變選擇的選項改變選擇哪個選項卡......您當前的HTML是這樣的：

<select name="porting-p1" class="dropdown"> 
    <option value="1" class="disablenext">Please select an option...</option> 
    <option value="2" class="enablenext">TERMS 1</option> 
    <option value="3" class="enablenext">TERMS 2</option> 
</select>

和你的jQuery onchange功能做到這一點：

// enable tab 
$('#wizard').tabs('enable', $('.dropdown').val()); 
// select tab 
$('#wizard').tabs('select', $('.dropdown').val());

這樣做是從你option的value並啓用，並選擇匹配選項卡...所以更改順序只是改變你的HTML值：

<select name="porting-p1" class="dropdown"> 
    <option value="1" class="disablenext">Please select an option...</option> 
    <option value="3" class="enablenext">TERMS 1</option> 
    <option value="2" class="enablenext">TERMS 2</option> 
</select>

See here

這裏您會注意到，如果您選擇TERMS 1，則將轉到標籤3，因爲中TERMS 1的值爲3 ....

來源

2012-03-19 09:44:41 ManseUK

非常感謝ManseUK它做到了這一點 – Tom 2012-03-19 09:49:02

是的，你應該這樣做。

<div id="tab1"> 
    <input type="checkbox" class="terms" data-tabid="2" /> Terms 1<br /> 
    <input type="checkbox" class="terms" data-tabid="1" /> Terms 2 
</div>

這樣，你去標籤3當您選擇項1和標籤2，當您選擇項2

來源

2012-03-19 09:31:33

感謝尼古拉，但我想要在下拉菜單中做同樣的事情，我已經編輯過並且在下拉菜單中寫下了'term one' – Tom 2012-03-19 09:34:19

啓用選項卡從單個下拉菜單

回答

相關問題