Question

我正在使用自举模板，并且当菜单调整为平板电脑和智能手机查看时，我希望默认的“请选择页面”项目显示在下拉菜单中。据我所知，与下拉有关的现有脚本是：

    $cjq(".dropdown").hover(
    function () {
        $cjq(this).addClass("open");
    },
    function () {
        $cjq(this).removeClass("open");
    }
    );

$cjq("<select />").appendTo(".buttons-container");
$cjq(".buttons-container select").addClass('nav-select');

$cjq(".nav-collapse a").each(function() {
    var el = $cjq(this);

    if (el.parent().hasClass("active")){
        $cjq("<option />", {
            "selected": "selected",
            "value"   : el.attr("href"),
            "text"    : el.html().replace(/<i>.*<\/i>/gi,'')
        }).appendTo(".buttons-container select");
    } else {
        $cjq("<option />", {
            "value"   : el.attr("href"),
            "text"    : el.html().replace(/<i>.*<\/i>/gi,'')
        }).appendTo(".buttons-container select");
    }
});

$cjq(".buttons-container select").change(function() {
    window.location = $cjq(this).find("option:selected").val();
});

我已经尝试集成以下内容，但我对javascript并不熟悉并且无法使其正常工作：

    $("<option />", {
   "selected": "selected",
   "value"   : "",
   "text"    : "Please choose page"
}).appendTo(".buttons-container select");

开发页面can be viewed here.

如果有人有任何指示我真的很感激！

Answer 1

在select class="nav-select"

中添加选项

Bootstrap-创建默认＆＃34;请选择页面＆＃34;下拉选项

1 个答案: