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">

有时我可以同​​时看到它们，实际上这取决于我的数据库。我们如何在 javascript 中创建 div ？

4

2 回答 2

0

我们需要您的要求来提供一些帮助。我猜您需要在 Select HTML 元素中注册 Change 事件。根据所选值，执行“something v1”或“something 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 回答
0

您可以通过其 id 访问 css 样式来隐藏或显示任何元素。例子。

document.getElementById("element").style.display="value";

将值更改为 none 以隐藏并阻止以查看元素。

于 2013-08-27T14:04:50.527 回答