Bootstrap-创建默认的“请选择页面”下拉选项

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"中增加选项