Question

我有以下代码：

<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>

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

感谢您的时间。

Answer 1

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

本地主机/的index.php？getform =苹果

并在页面底部有一个开关案例，根据 getform 值显示其中一个表单

像
这样的东西

＆＃13;

<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;
    }
}
?>

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

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

arg是发送到表单的参数

希望这会有所帮助：）

在下拉列表选择之后显示表单以编辑表

1 个答案: