Javascript 选择项目时更改下拉菜单的文本

Javascript 选择项目时更改下拉菜单的文本,javascript,jquery,twitter-bootstrap,jquery-ui,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Jquery Ui,Twitter Bootstrap 3,根据下拉列表的选择,文本必须在rails应用程序中更改。我已经添加了js,并尝试将其集成到我的应用程序中,但它不起作用 %header %nav.navbar.navbar-job .container{class:“文本中心”} %div{class:“btn组”} %下拉列表 我是 %a、 btn.dropdown toggle.btn作业{“数据切换”=>“下拉”、“角色”=>“按钮”} 挑选 %span{class:“插入符号”,id:“下拉标题”} %ul.下拉菜单{id:“divN

根据下拉列表的选择,文本必须在rails应用程序中更改。我已经添加了js,并尝试将其集成到我的应用程序中,但它不起作用

%header
%nav.navbar.navbar-job
.container{class:“文本中心”}
%div{class:“btn组”}
%下拉列表
我是
%a、 btn.dropdown toggle.btn作业{“数据切换”=>“下拉”、“角色”=>“按钮”}
挑选
%span{class:“插入符号”,id:“下拉标题”}
%ul.下拉菜单{id:“divNewNotifications”}
%li=链接到“所有作业”,作业路径
-Jobcategory.all.each do | Jobcategory|

%li=链接到jobcategory.name,jobs\u路径(jobcategory:jobcategory.name)
我想你应该这样做

$('#divNewNotifications li').on('click', function() {
    $('.dropdown-toggle').html($(this).find('a').html());
});


您不需要使用
$('.dropdown toggle').dropdown()由于按钮上使用了数据切换属性。

您好,感谢您的回复,我已经尝试了您的代码,当选择下拉菜单时,文本发生了变化,但所选菜单是指向页面的链接,因此当页面刷新时,所选文本菜单丢失,并返回默认值。例如,我的索引页是下拉菜单是“所有作业”,当我从下拉菜单中选择图形时,其。。。但是直到所有的工作都在下拉菜单中,我已经更新了我现在用ajax尝试的代码,你能检查一下代码吗