Javascript 引导-创建默认值；请选择“第页”；下拉选项

我使用的是一个引导模板，我希望在下拉菜单中显示一个默认的“请选择页面”项目，当该菜单针对平板电脑和智能手机的查看进行调整时。据我所知，与下拉列表相关的现有脚本是：

    $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();
});

$cjq（“.dropdown”）。悬停(
函数（）{
$cjq（本）.addClass（“开放”）；
},
函数（）{
$cjq（此）.removeClass（“打开”）；
}
);
$cjq（“”）.appendTo（“.buttons容器”）；
$cjq（“.buttons容器选择”）.addClass（'nav-select'）；
$cjq（“.nav折叠a”）。每个（函数（）{
var el=$cjq（本）；
if（el.parent（）.hasClass（“活动”））{
$cjq（“”{
“已选定”：“已选定”，
“值”：el.attr（“href”），
“text”：el.html（）.replace（/.*/gi，”）
}).appendTo（“.buttons容器选择”）；
}否则{
$cjq（“”{
“值”：el.attr（“href”），
“text”：el.html（）.replace（/.*/gi，”）
}).appendTo（“.buttons容器选择”）；
}
});
$cjq（“.buttons容器选择”）.change（函数（）{
window.location=$cjq（this.find）（“选项：选定”）.val（）；
});

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

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

$（“”{
“已选定”：“已选定”，
“价值”：“，
“文本”：“请选择页面”
}).appendTo（“.buttons容器选择”）；

开发页面

---

如果有人有任何建议，我会非常感激

在

select class=“nav select”