首页 文章

在下拉列表选择之后显示表单以编辑表中的mysql数据

提问于
浏览 次
0

我有以下代码：

<select id="mySelect" onchange="myFunction()">
    <option value="deleteuser">Delete User</option>
    <option value="assignuser">Assign User</option>
  </select>
</form>

<form id="deleteuser"></form>
<form id="assignuser"></form>

<script>
function myFunction() {
    var x = document.getElementById("mySelect");
    var i = x.selectedIndex;
    document.getElementById("demo").innerHTML = x.options[i].text;
}
</script>

在用户选择其中一个下拉选项后，我想为每个选项显示一个单独的表单，用户将从行中编辑数据 . 对不起，如果我没有描述它是正确的 . 使用选择后的当前代码，它将显示所选的文本 .

谢谢你的时间 .

javascript php html mysql sql

1 回答

  • 0

    如果您正在寻找动态表单系统;你可以让你的javascript重新加载页面，附加一个查询字符串就像

    localhost / index.php？getform = apple

    并在页面底部有一个开关案例，以显示其中一个表单，具体取决于 getform 值

    喜欢的东西

    <form>
<select id="mySelect" onchange="myFunction()">
    <option value="deleteuser">Delete User</option>
    <option value="assignuser">Assign User</option>
  </select>
</form>

<?php
if(isset($_GET["getform"]) && !empty($_GET["getfrom"])){
    switch ($_GET["getfrom"]){
       case "deleteduser":
?>
       <form>
        The form here
       </form>
<?php
       break;
       case "assignuser":
?>
       <form>
       The form here
       </form>
<?php
       break;
    }
}
?>

    然后，这将根据传递给它的值显示from

    或者如果你想动态填充一个;您可以使用类似Ajax的东西从其他页面检索from，具体取决于它接收的参数 .

    <script>
function loadDoc(arg) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "getform.php?fromType="+arg, true);
  xhttp.send();
}
</script>

    这将根据用户选择更改表单，而无需刷新页面 .

    arg是发送到表单的参数

    希望这可以帮助 ：）

    回复于

相关问题