小编use*_*000的帖子

我有一个带输入字段的表单,这个输入包含一个下拉菜单,如果用户输入值,则从数据库中读取信息,当他到达下拉菜单时,他找不到他想要的东西,他会转到另一个页面添加此信息下拉菜单,然后转到第一页继续输入我需要的信息如果他去另一个页面添加信息到下拉菜单我怎么能保留这些信息以及如何将信息添加到下拉菜单中查找此信息没有刷新,没有提交

这是表单的第一页

<form name='' method='post' action='<?php $_PHP_SELF ?>'>
<input name='txt_name' id='' type='text'>

这个下拉菜单从数据库中读取

 <select id="groups" name="txt_label" class="form-control">
   ';?>
     <?php 
    $sql=mysqli_query($conn,"select DISTINCT db_label from tbl_label")or die(mysqli_error($conn));
 echo'<option  value="">-- Select --</option>';
    while($row=mysqli_fetch_array($sql)){
        $label=$row['db_label'];
        echo "<option value='$label'>$label</option>"; 
    }echo'</select>';?><?php echo'
  </div>
</form>

另一页中的第二种形式

<form class="form-inline" role="form" name="form" method="post" action="';?><?php $_PHP_SELF ?><?php echo'">
    <div class="form-group">
    <label for="pwd">Label</label>
  <input id="txt_label" name="txt_label" type="text" placeholder="Label" class="form-control input-md">
  </div>
   <div class="form-group">
    <label for="pwd">Sub Label</label>
  <input id="txt_sublabel" name="txt_sublabel" type="text" placeholder="SubLabel" class="form-control input-md">
  </div>
   <input type="submit" name="addlabel" value="Add" class="btn btn-default">';

在同一页面中我有多个部分。

将显示一个section，这将使用active class.

在同一页面中，我有li按钮 1、2 和 3，当我单击其中一个按钮时，会section出现与其相关的按钮，而旧按钮会消失。为此，我使用 Javascript。

另外，在同一页面中，我有一个下一个和上一个按钮。当我单击下一个按钮时，下一个按钮section应该出现，旧的按钮应该消失。

而且与li该部分相关的应该有active class，与上一个部分相同：当我单击它时，它应该转到旧的section，当前的应该消失，并且li class应该是active。

当我在第一个section部分时，上一个按钮应该消失，当我在最后一部分时，下一个按钮应该消失。

如何使用 Javascript 以这种方式实现下一个和上一个按钮的这种行为？

请帮忙！？

let tab = document.querySelector(".nav li");
let tabs = document.querySelectorAll(".nav li");
let tabsArray = Array.from(tabs);
let section = document.querySelectorAll(".section");
let sectionArray = Array.from(section);
let nextButton = document.querySelector(".next");
let prevButton = document.querySelector(".previous");
let current = 0;

tabsArray.forEach((ele) => {
    ele.addEventListener("click", function (e) { …