为了帮助你的努力，鉴于你"don't have the slightest clue on how JS works"我放在一起一个快速和简单的演示，你可能会使用一个超链接（不是每个问题的按钮，尽管类似的方法可以用于按钮！）和dataset属性可以组合在一起，在2种状态之间切换。这种状态之间的切换允许您在指定的admin/由于没有HTML表单，也没有所需的方法，您可以将其用于常规表单（如图所示）或 AJAX （未显示）
该演示只更改表单元素的值以及超链接中的文本

document.querySelector('a.btntgl').addEventListener('click',function(e){
  let role=document.forms.adduser.role;
  
  this.dataset.tmp=this.textContent;
  this.textContent=this.dataset.alt;
  role.value=this.dataset.alt;
  this.dataset.alt=this.dataset.tmp;
  
  this.removeAttribute('data-tmp');
});

.btntgl{
  text-transform:capitalize
}

<form name='adduser' method='post'>
  <!-- loads of other fields -->

  <input type='text' name='role' value='admin' /><!-- should be hidden maybe? -->
  <input type='submit' />
</form>

<a class='btntgl' href='#' data-alt='user'>admin</a>

$(document).on('click', '#btntgl', function(e){
    e.preventDefault();
    let typeValue = $(this).date('id');

        $.ajax({
            method: "POST",
            url: "update.php",
            data: {type:typeValue},
            success: function (msg) {
                if(msg === "ok") {
                    alert("success");
                } else {
                   alert("error");
                }
            }
        });
});

<a id="btntgl" data-id="<?php echo $row['Tipo'];?>" class="btn btn-promote">Promote</a>

php将包含更新表的更新语句。