Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何通过javascript更改文本_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

如何通过javascript更改文本

如何通过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_候选人:焦点{

我有一个包含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; } 用这个

$(".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; } 使用交换的思想。喜欢