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

时间:2016-02-18 09:16:32

标签: javascript jquery html asp.net-mvc breadcrumbs

目前,这就是我所拥有的代码:

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

<a>链接可能需要进行一些更改,因为理想情况下,用户可以点击该号码并返回到该问题编号。

和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>,反之亦然,当用户点击后退按钮时。提前致谢

1 个答案:

答案 0 :(得分: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/