用于分页的Javascript

我是javascript新手。我的代码有问题。希望有人能帮助我

我制作了两个按钮和一个下拉列表。2个按钮是Btn Next和Btn PREVICE。下拉菜单是第页 当Btn下一次单击时，页面将增加+1（例如：默认值1，单击时为2）。当btn上一次点击时，页面将减少-1（例如：默认值2，点击时为1）

问题是当我更改下拉列表并尝试单击1按钮时。这个选项是错误的

Btn下一步：

$("#btn-next").on('click', function () {

    var datahalaman = $("#halaman").val();

    $(".pagetotal").find("option[value ='" + datahalaman + "']").removeAttr('selected');

    var inchalaman = parseFloat(datahalaman) + 1;

    var datahalamanbaru = $("#halaman").val(inchalaman);

    var halamannext = inchalaman + 1;

    var tek = datahalamanbaru.val();

    $(".pagetotal").find("option[value ='" + tek + "']").attr('selected', 'selected');

})

Btn先前版本：

$("#btn-previous").on('click', function () {

    var datahalaman = $("#halaman").val();

    $(".pagetotal").find("option[value ='" + datahalaman +"']").removeAttr('selected');

    var inchalaman = parseFloat(datahalaman) - 1;

    var datahalamanbaru = $("#halaman").val(inchalaman);

    var tek = datahalamanbaru.val();

    $(".pagetotal").find("option[value ='" + tek + "']").attr('selected', 'selected');

})

下拉列表：

$(document).on('change', '#pagetotal', function () {

    var optionSelected = $("option:selected", this);

    var valueSelected = this.value;

    var datahalaman = $("#halaman").val();

    $(".pagetotal").find("option[value ='" + datahalaman + "']").removeAttr('selected');

    var fix =$("#halaman").val(valueSelected)

    var fix = $("#pagetotal").find("option[value ='" + fix.val()+"']").attr('selected', 'selected');

})

---

在这方面，我们需要检查所有元素的每次单击和更改， 还为这一确切要求创建了小提琴：

请尝试以下代码来解决此问题：

  $(".selectpage").on("change",function(){
    validateSelectedPrev();
  });
var validateSelectedPrev = function(){
  var selectedValue =$(".selectpage").prop('selectedIndex');
  if(selectedValue == 0){
    $(".prev").attr("disabled","true");
  }else{
    $(".prev").removeAttr("disabled");
  }

  if($(".selectpage").prop('selectedIndex') == ($(".selectpage option").length-1)){
    $(".next").attr("disabled","true");
  }else{
    $(".next").removeAttr("disabled");
  }
}
  validateSelectedPrev();
$(".prev").click(function(){
    var selectedInd  =$(".selectpage").prop('selectedIndex');
    $(".selectpage").val($(".selectpage option").eq(selectedInd-1).val());
    validateSelectedPrev();
  });
  $(".next").click(function(){
     var selectedInd  =$(".selectpage").prop('selectedIndex');
     $(".selectpage").val($(".selectpage option").eq(selectedInd+1).val());
     validateSelectedPrev();
  });

---

请注意，您的问题与C#无关。