0

選択には silviomoreto / bootstrap-select を使用します。silviomoreto / bootstrap-select のドキュメントは次のとおりです: silviomoreto.github.io/bootstrap-select/

したがって、選択および折りたたみブロックがあります。

そのブロックは、select で任意のオプションを選択して折りたたむ必要があります。例：任意のオプションを選択すると、隠しブロックが表示されます。

<select class="selectpicker"  multiple title="Choose category">
    <option>House help</option>
    <option>Buy</option>
    <option>Drivers</option>
    <option>Holidays</option>
    <option>Animals</option>                                        
</select>   

<!-- HIDDEN BLOCK -->
<div class="hidden-input" id="hidden-input" style="display:none;">
    <div class="panel panel-default" >          
        <div id="collapseThree" class="panel-collapse collapse">
        <div class="panel-body">                
            <select class="selectpicker" multiple title="Choose subcategory">
                            <option>1</option>
            </select>   
        </div>
        </div>          
    </div>
</div>
4

1 に答える 1

2

多分これはあなたを助けるでしょう：

フィドル: http://jsfiddle.net/8a2Vh/1/

JS [抜粋] :

$(".selectpicker").on('change', function(){
    $('#hidden-input').show().find('.collapse').collapse('show'); 
});
于 2014-03-25T13:32:55.363 に答える