0

私のプロジェクトでは、htmlに次のようなものがあります:

<div class="row">
    <div class="span3">
        <div class="dropdown">
            <select class="selectpicker btn-success" id="groupe"
                data-style="btn-primary">
                <option value="">Awaiting data...</option>
            </select>
        </div>
    </div>
</div>

<div class="tabbable ">
    <!-- Only required for left/right tabs -->
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Economics</a></li>
        <li><a href="#tab2" data-toggle="tab">Physics</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <p>
            <div class="row">
                <div class="span4">
                    <div id="reportingContainer" style='width: 300px; height: 300px;'></div>
                </div>
                <div class="span8">
                    <div id="dashboard">
                        <div id="combochart" style='width: 915px; height: 300px;'></div>
                        <div id="control" style='width: 915px; height: 50px;'></div>
                    </div>
                </div>
            </div>
            </p>
        </div>
        <div class="tab-pane" id="tab2">
            <p></p>
        </div>
    </div>
</div>

ドロップダウンをクリックして何かを選択してもらいたいのですが、時々しか見えないことがあります

<div class="tab-pane active" id="tab1">

そして時々私は私だけを見ることができます

<div class="tab-pane" id="tab2">

両方が表示されることもありますが、実際にはデータベースに依存しています。div を作成するために JavaScript でどのように言えますか?

4

2 に答える 2

0

助けを提供するために、あなたが何を求めているのかが必要です。Select HTML 要素に Change イベントを登録する必要があると思います。選択した値に応じて、「何か v1」または「何か v2」を実行します。

$("#YOUR_SELECT_ID").on("change",function(){
    var YOUR_SELECTED_ELEMENT = $(this).val();
    if (CHECK_THE_VALUE_OF_YOUR_SELECTED_ELEMENT) {
        // do some stuff corresponding your "something v1"
    }
    else {
        // do some styff corresponding your "something v2"
    }
});

役に立ちましたか？

于 2013-08-27T12:00:13.973 に答える