如何通过javascript更改文本
我有一个包含4个下拉文本的下拉菜单,当点击主菜单时应该会改变。如何通过java脚本实现 例如:当我单击部门或状态时,灰色背景部分文本将更改为部门或状态 截图 .候选人\u标题\u BTN{ 填充:0px; } .候选人\u标题\u btns>li{ 显示:内联块; 保证金权利:4px; 边缘底部:20px; 光标:指针; 位置:相对位置; } .增加候选人{ 背景:124c56; 填充:6px 18px; 文本对齐:居中; 颜色:fff; } .添加候选对象:悬停, .add_候选人:焦点{ 颜色:E4; } .日期按钮{ 背景:8b8c8b; 颜色:fff; 填充:6px 15px; } .日期按钮:悬停, .日期按钮:焦点{ 颜色:E4; } .添加候选人下拉列表{ 背景:18505a; 填充:5px15px 15px 15px; 显示:无; 位置:绝对位置; 顶部:40px; z指数:99; } .添加候选人下拉列表>li{ 显示:块; 边缘顶部:10px; } .add_candidates_dropdown>li>a::after{ 内容:; 位置:绝对位置; 顶部:-8px; 左:15px; 边框宽度:0px 8px 8px 8px; 边框样式:实心; 边框颜色:124c56透明; 显示:块; 宽度:0; } .date_下拉列表{ 填充:0; } .date_下拉列表>li{ 文本对齐:右对齐; 边框底部:1px实心fff; 最小宽度:130px; 垫底:5px; 右侧填充:15px; 左侧填充:15px; } .date_下拉列表>li>a{ 颜色:fff; } .date_下拉列表>li:最后一个孩子{ 边框底部:无; } .date_下拉列表>li>a:悬停, .date_下拉列表>li>a:焦点{ 颜色:eb3c29; } 用这个如何通过javascript更改文本,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个包含4个下拉文本的下拉菜单,当点击主菜单时应该会改变。如何通过java脚本实现 例如:当我单击部门或状态时,灰色背景部分文本将更改为部门或状态 截图 .候选人\u标题\u BTN{ 填充:0px; } .候选人\u标题\u btns>li{ 显示:内联块; 保证金权利:4px; 边缘底部:20px; 光标:指针; 位置:相对位置; } .增加候选人{ 背景:124c56; 填充:6px 18px; 文本对齐:居中; 颜色:fff; } .添加候选对象:悬停, .add_候选人:焦点{
$(".date_dropdown a").on('click', function(event) {
event.preventDefault();
$(".date_button").html($(this).text());
});
您可以使用这段代码在单击时更改文本
$('.add_candidates_dropdown li a').click(function() {
$('.date_button').text($(this).text())
})
$”。添加“候选项”下拉列表a“。单击函数{
$'.date_按钮'.text$this.text
}
.候选人\u标题\u BTN{
填充:0px;
}
.候选人\u标题\u btns>li{
显示:内联块;
保证金权利:4px;
边缘底部:20px;
光标:指针;
位置:相对位置;
}
.增加候选人{
背景:124c56;
填充:6px 18px;
文本对齐:居中;
颜色:fff;
}
.添加候选对象:悬停,
.add_候选人:焦点{
颜色:E4;
}
.日期按钮{
背景:8b8c8b;
颜色:fff;
填充:6px 15px;
}
.日期按钮:悬停,
.日期按钮:焦点{
颜色:E4;
}
.添加候选人下拉列表{
背景:18505a;
填充:5px15px 15px 15px;
显示:无;
位置:绝对位置;
顶部:40px;
z指数:99;
}
.date\u按钮:悬停。添加\u候选人\u下拉列表,.date\u按钮:焦点。添加\u候选人\u下拉列表{
显示:块!重要;
}
.添加候选人下拉列表>li{
显示:块;
边缘顶部:10px;
}
.add_candidates_dropdown>li>a::after{
内容:;
位置:绝对位置;
顶部:-8px;
左:15px;
边框宽度:0px 8px 8px 8px;
边框样式:实心;
边框颜色:124c56透明;
显示:块;
宽度:0;
}
.date_下拉列表{
填充:0;
显示:块;
}
.date_下拉列表>li{
文本对齐:右对齐;
边框底部:1px实心fff;
最小宽度:130px;
垫底:5px;
右侧填充:15px;
左侧填充:15px;
}
.date_下拉列表>li>a{
颜色:fff;
}
.date_下拉列表>li:最后一个孩子{
边框底部:无;
}
.date_下拉列表>li>a:悬停,
.date_下拉列表>li>a:焦点{
颜色:eb3c29;
}
使用交换的思想。喜欢