jQuery/Javascript提示選擇裏面

Question

標題看起來夠清晰，但我們永遠不知道。

這是我的問題，我有一個複選框系列，每個都與一個選項列表相關聯。

即： Checkbox1

=>選項1

=> OPT2

Checkbox2

=>選項1

=> OPT2

等。，（每個複選框有大約12個選項）

什麼，我需要做的是：

當用戶選中一個框，提示出現一個選擇內，結果被髮送的複選框的值。

我已經tryed一些插件（如：jQuery的即興），但它們都自動關閉我的選擇標籤至極輸出類似的東西

<select></select><option></option><option></option> 

人有一個解決方案嗎？

Answer 1

HTML

<input type="checkbox" id="chk1"><select style="display: none;" id="sel1"><option>.........</select> 
<input type="checkbox" id="chk2"><select style="display: none;" id="sel2"><option>.........</select> 
<input type="checkbox" id="chk3"><select style="display: none;" id="sel3"><option>.........</select> 

JS

$(document).ready(function() 
{ 
    $('input[type="checkbox"').click(function() 
    { 
    if($(this).checked) 
    { 
     $('#sel'+$(this).attr('id').toString().replace('chk', '')).show(); 
    } 
    else 
    $('#sel'+$(this).attr('id').toString().replace('chk', '')).hide(); 
    }); 
    $('select').change(function(){ 
    $('#chk' + $(this).attr('id').toString().replace('sel', '')).val($(this).val()); 
    }); 
}); 

我希望這有助於。