单击按钮时面包屑菜单更新？

Question

目前，这是我所有的代码：

<a href="#"> 1 > </a>

此 <a> link 可能需要进行一些更改，因为理想情况下，用户可以单击该编号并返回到该问题编号。

和 2 个按钮

<input class="btn btn-success NavigationButtons" id="BackButton" type="submit" name="Previous" value="Back" />    
<input class="btn btn-success NavigationButtons" id="ForwardButton" type="submit" name="NextPage" value="@Session["ForwardButtonText"]" onclick="RadBtnValidation()"/>

所以我需要的是，每次用户单击带有 id="ForwardButton" 的按钮时，<a href="#"> 1 > </a> 都会更改为 <a href="#"> 1 > 2 > </a>，反之亦然，当用户单击后退按钮时.提前致谢

Answer 1

您可以存储数字并将它们附加到每个按钮点击中。

var numberList = [];
init();
function init(){
    numberList.push(1);
    ShowNumber();
}
$("#BackButton").click(function(){
    numberList.pop();
    ShowNumber();
    });
$("#ForwardButton").click(function(){
    numberList.push(numberList[numberList.length-1] + 1);
    ShowNumber();
});
function ShowNumber(){
  $("#txtPageNumber").html("");
  for(var i=0; i<numberList.length;i++)
  {
     $("#txtPageNumber").append(numberList[i] + ">");
  }
}

https://jsfiddle.net/gnne36nw/1/

单击按钮时面包屑菜单更新？

Breadcrumb menu update on button click?

javascript

jquery

html

asp.net-mvc

breadcrumbs