javascript - Comboboxes onsubmit 更改给出结果但刷新 javascript 设置-6ren

javascript - Comboboxes onsubmit 更改给出结果但刷新 javascript 设置

转载作者：行者123 更新时间：2023-11-28 08:55:05

我有一个 html 页面，它有 3 个按钮，点击事件显示各自的隐藏 div 和表单。按钮的 html 是:

 <button id="edituser" type="submit" onclick="toggle_visibility('c');"  style="border:0;width:100px;margin-left: 74px;">
        <img src="images/edituser.png" alt="">
        </button><br><br>

        <button id="companyprofile" type="submit" onclick="toggle_visibility('d');"   style="border:0;width:100px;margin-left: 74px;">
        <img src="images/companyprofile.png" alt="">
        </button><br><br>

        <button id="checkticket" type="submit" onclick="toggle_visibility('e');"   style="border:0;width:100px;margin-left: 74px;">
        <img src="images/checkticket.png" alt="">
        </button><br><br>

在点击这些按钮时使用此 js 代码，我们可以选择 html div。

function toggle_visibility(id) {
   var e = document.getElementById(id);
if(document.getElementById("c").id == id)
{


      e.style.display = 'block';
      document.getElementById("a").style.display='none';
      document.getElementById("b").style.display='none';
      document.getElementById("g").style.display='none';
      document.getElementById("d").style.display='none';
      document.getElementById("e").style.display='none';
      document.getElementById("f").style.display='none';
      document.getElementById("edituser").style.backgroundImage="url('images/edit_user_hover.png')";

}
if(document.getElementById("d").id == id)
{

      e.style.display = 'block';
      document.getElementById("a").style.display='none';
      document.getElementById("b").style.display='none';
      document.getElementById("c").style.display='none';
      document.getElementById("g").style.display='none';
      document.getElementById("e").style.display='none';
      document.getElementById("f").style.display='none';
      document.getElementById("companyprofile").style.backgroundImage="url('images/edit_company_hover.png')";

}
if(document.getElementById("e").id == id)
{

      e.style.display = 'block';
      document.getElementById("a").style.display='none';
      document.getElementById("b").style.display='none';
      document.getElementById("c").style.display='none';
      document.getElementById("g").style.display='none';
      document.getElementById("d").style.display='none';
      document.getElementById("f").style.display='none';
      document.getElementById("checkticket").style.backgroundImage="url('images/Check_ticket_hover.png')";

}

div 的 html 如下:

<div class="col-lg-6" style="display:none"  id="c" > 
                                <form action="" method="post" name="Country_Filter" id="Country_Filter"  >  
            <select name="id" id="id" class="span2" style="width:150px;" onchange="disp_div()" onchange="this.form.submit();" >
                            <?php 
                    $servername = "localhost";
                    $username = "root";
                    $password = "";
                    $dbname = "v";

                    // Create connection
                    $conn = mysqli_connect($servername, $username, $password, $dbname);
                    // Check connection
                    if (!$conn) {
                        die("Connection failed: " . mysqli_connect_error());
                    }
                    $age = array();

                    $sql = "SELECT * FROM `tbl_user`  ";
                    $result = mysqli_query($conn, $sql);

                       // echo "User name=" . $row["name"]. "<br>";



                 ?>
                <option value="">-select user-</option>
                    <?php                   if (mysqli_num_rows($result) > 0) {
                        // output data of each row
                        while($row = mysqli_fetch_assoc($result)) {
                             $age[] = $row;
                             }
                               ?>


                <?php foreach($age as $key=>$row) {

                echo "<option value='" . $row['id'] . "' " . (($_REQUEST['id'] == $row['id']) ? "selected": "") . ">" . $row["id"] . "</option>";

                    ?>
                <?php } 
                   }
 else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
    header('Location: webservices.php');
}

mysqli_close($conn);
                ?>
            </select>


            <form id="aa" action=""   method="GET"  >

<?php 
                    $servername = "localhost";
                    $username = "root";
                    $password = "";
                    $dbname = "v";

                    // Create connection
                    $conn = mysqli_connect($servername, $username, $password, $dbname);
                    // Check connection
                    if (!$conn) {
                        die("Connection failed: " . mysqli_connect_error());
                    }
                    $age = array();
    if(isset($_REQUEST['id'])){
                     $sql = "SELECT   first_name    ,last_name,     phone,  company_id,     register_on   FROM `tbl_user` where id=".$_REQUEST['id'] ." ";
                    $result = mysqli_query($conn, $sql);

                       // echo "User name=" . $row["name"]. "<br>";



if (mysqli_num_rows($result) > 0) {
                        // output data of each row
                        while($row = mysqli_fetch_assoc($result)) {
                             $age[] = $row;          

?>
                <br><br>
                <br>
                <input type="text" id="first_name"  value="<?php  echo $row["first_name"]; ?>" name="first_name" style="width: 460px;height: 50px;overflow: hidden;" placeholder="First Name*">
                <br>
                <br><br><br>

                <input type="text" id="last_name"  value="<?php  echo $row["last_name"]; ?>" name="last_name" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Last Name*">
                <br><br><br><br>
                <input type="text" id="phone"  value="<?php  echo $row["phone"]; ?>" name="phone" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Phone*">
                <br><br><br><br>
                <input type="text" id="company_id"  value="<?php  echo $row["company_id"]; ?>" name="company_id" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Company ID*">
                <br><br><br><br>
                <input type="text" id="register_on"  value="<?php  echo $row["register_on"]; ?>" name="register_on" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Register On*">
                <br><br><br><br>
                <button name="edituser" id="edituser" type="submit" style="border:0;width:100px;margin-left: 45px;" >
                <img src="images/save.png" alt="">

                </button>
                <button type="submit" style="border:0;width:100px;margin-left: 75px;">
                <img src="images/cancel.png" alt="">
                </button>
            <?php
}
                   }

}
mysqli_close($conn);
                ?>                  
                </form> 
                </div>
                <div class="col-lg-6" style="display:none"  id="d" > 
            <form action="" id="abc"  method="post"   >
<select name="id" id="id" class="span2" style="width:150px;"   onchange="this.form.submit();">
                            <?php 
                    $servername = "localhost";
                    $username = "root";
                    $password = "";
                    $dbname = "v";

                    // Create connection
                    $conn = mysqli_connect($servername, $username, $password, $dbname);
                    // Check connection
                    if (!$conn) {
                        die("Connection failed: " . mysqli_connect_error());
                    }
                    $age = array();

                    $sql = "SELECT * FROM `tbl_companies`  ";
                    $result = mysqli_query($conn, $sql);

                       // echo "User name=" . $row["name"]. "<br>";



                 ?>
                <option value="">-select company-</option>
                    <?php                   if (mysqli_num_rows($result) > 0) {
                        // output data of each row
                        while($row = mysqli_fetch_assoc($result)) {
                             $age[] = $row;
                             }
                               ?>


                <?php foreach($age as $key=>$row) {

                echo "<option value='" . $row['id'] . "' " . (($_REQUEST['id'] == $row['id']) ? "selected": "") . ">" . $row["id"] . "</option>";

                    ?>
                <?php } 
                   }
 else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
    header('Location: webservices.php');
}

mysqli_close($conn);
                ?>
            </select>           
                    <br><br>
                <br>

<?php 
                    $servername = "localhost";
                    $username = "root";
                    $password = "";
                    $dbname = "v";

                    // Create connection
                    $conn = mysqli_connect($servername, $username, $password, $dbname);
                    // Check connection
                    if (!$conn) {
                        die("Connection failed: " . mysqli_connect_error());
                    }
                    $age = array();
        if(isset($_REQUEST['id'])){     
                     $sql = "SELECT  company_name ,acess_code ,register_on  FROM `tbl_companies` where id=".$_REQUEST['id'] ." ";

                     $result = mysqli_query($conn, $sql);

                       // echo "User name=" . $row["name"]. "<br>";


if (mysqli_num_rows($result) > 0) {
                        // output data of each row
                        while($row = mysqli_fetch_assoc($result)) {
                             $age[] = $row;          

?>


                <br><br><br>





<input type="text" id="company_name" value="<?php  echo isset($row["company_name"])?$row["company_name"]:''; ?>" name="company_name" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Company Name*">
                <br>
                <br><br><br>
                <input type="text" id="acess_code" value="<?php  echo isset($row["acess_code"])?$row["acess_code"]:''; ?>" name="acess_code" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Acess Code*">
                <br><br><br><br>
                <input type="text" id="register_on" value="<?php  echo isset($row["register_on"])?$row["register_on"]:''; ?>" name="register_on" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Register On*">
                <br><br><br><br>

                <button name="editcompany"  id="editcompany" type="submit" style="border:0;width:100px;margin-left: 45px;" >
                <img src="images/save.png" alt="">

                </button>
                <button type="submit" style="border:0;width:100px;margin-left: 75px;">
                <img src="images/cancel.png" alt="">
                </button>




                <?php
}
                   }

 }
mysqli_close($conn);
                ?>          
                </form> 

                </div>

                <div class="col-lg-6" style="display:none"  id="e" > 
                    <form action="" method="post" name="Country_Filter" id="Country_Filter" >   
            <select name="id" id="id" class="span2" style="width:150px;" onchange="this.form.submit();">
                            <?php 
                    $servername = "localhost";
                    $username = "root";
                    $password = "";
                    $dbname = "v";

                    // Create connection
                    $conn = mysqli_connect($servername, $username, $password, $dbname);
                    // Check connection
                    if (!$conn) {
                        die("Connection failed: " . mysqli_connect_error());
                    }
                    $age = array();

                    $sql = "SELECT * FROM `tbl_tickets`  ";
                    $result = mysqli_query($conn, $sql);

                       // echo "User name=" . $row["name"]. "<br>";



                 ?>
                <option value="">-select tickets-</option>
                    <?php                   if (mysqli_num_rows($result) > 0) {
                        // output data of each row
                        while($row = mysqli_fetch_assoc($result)) {
                             $age[] = $row;
                             }
                               ?>


                <?php foreach($age as $key=>$row) {

                echo "<option value='" . $row['id'] . "' " . (($_REQUEST['id'] == $row['id']) ? "selected": "") . ">" . $row["id"] . "</option>";

                    ?>
                <?php } 
                   }
 else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
    header('Location: webservices.php');
}

mysqli_close($conn);
                ?>
            </select>

                        </form>             
                 <form action=""  method="post" id="e"  >

<?php 
                    $servername = "localhost";
                    $username = "root";
                    $password = "";
                    $dbname = "v";

                    // Create connection
                    $conn = mysqli_connect($servername, $username, $password, $dbname);
                    // Check connection
                    if (!$conn) {
                        die("Connection failed: " . mysqli_connect_error());
                    }
                    $age = array();
        if(isset($_REQUEST['id'])){
                     $sql = "SELECT    ticket_no ,user_id ,ticket_status ,register_on     FROM `tbl_tickets` where id=".$_REQUEST['id'] ." ";
                    $result = mysqli_query($conn, $sql);

                       // echo "User name=" . $row["name"]. "<br>";



if (mysqli_num_rows($result) > 0) {
                        // output data of each row
                        while($row = mysqli_fetch_assoc($result)) {
                             $age[] = $row;          

?>

                <br><br><br>
                <input type="text" name="FirstName" value="<?php echo $row["ticket_no"] ;?>" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Ticket Owner Name*" readonly>
                <br>
                <br><br><br>
                <input type="text" name="LastName" value="<?php echo $row["user_id"]; ?>" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Registration Date*" readonly>
                <br><br><br><br>
                <input type="text" name="LastName" value="<?php echo $row["ticket_status"]; ?>" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Expire Date*" readonly>
                <br><br><br><br>
                <input type="text" name="LastName" value="<?php echo $row["register_on"]; ?>" style="width: 460px;height: 50px;overflow: hidden;" placeholder="Expire Time Status*" readonly>
                <br><br><br><br>
                <button name="chkticketstatus" id="chkticketstatus" type="submit" style="border:0;width:100px;margin-left: 45px;">
                <img src="images/save.png" alt="">

                </button>
                <button type="submit" style="border:0;width:100px;margin-left: 75px;">
                <img src="images/cancel.png" alt="">
                </button>
                    <?php
}
                   }

}
mysqli_close($conn);

                ?>              
                </form> 
                </div>

我面临的问题是用户使用函数 (onclick="toggle_visibility('c');") 在按钮单击时选择 html div 出现组合框，当从组合框提交值时，它会刷新页面并加载默认的 div 可见。如何在页面重新加载后使组合框提交值的 html div 可见？

最佳答案

您可以通过更改表单提交方式来实现这一点。不要提交整个页面，而是可以使用 ajax 方式提交表单。基本上，ajax 是一种无需重新加载整个页面即可提交表单的方式。这样，您选择的 div 将被保留。

Ajax 引用:

http://www.w3schools.com/jquery/jquery_ref_ajax.asp

http://api.jquery.com/jquery.ajax/

关于javascript - Comboboxes onsubmit 更改给出结果但刷新 javascript 设置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27164209/

文章推荐： javascript - 为什么我的 CoffeeScript 函数没有执行？

文章推荐： css - 媒体查询在 iPhone 上的显示方式不同

文章推荐： CSS:Span 部分服从应用于它的 css

文章推荐： php - 用于更改 true 与 false 函数值的复选框

java - hibernate 批量更新后清除 session 、刷新、刷新？
我们知道，当使用 hibernate 对数据库进行批量更新时(即使在 HQL 中)，所做的更改不会复制到存储在当前 session 中的实体。所以我可以调用 session.refresh 来加载对
Selenium 刷新
我正在做一个项目，所有的东西都保存在事件中，所以服务器需要一些时间来响应新数据。我正在使用 Fluent 等待使用 ajax 的页面，但是这个不使用任何 ajax。所以我想刷新页面检查是否有新项目，如
刷新 Jtable
我有一个从 Vector 创建的 JTable。如何刷新 JTable 以显示添加到 Vector 的新数据？最佳答案当 TableModel 发生更改时，您的 JTable 应该会自动更新。我
JavaScript 刷新
有没有办法使用下面的代码来刷新已经存在的 div id，而不是刷新时间？ window.onload = startInterval; function startInterval() {
刷新 Shiny 的数据集
我更新了在 Shiny Server 上运行的 Shiny 应用程序使用的 DataSet.RData。但是， Shiny 的应用程序仍在旧数据上运行。我已通过浏览器历史记录清除并重新启动浏览器几次，
无限滚动网格面板的 ExtJs 刷新
我的应用程序中有一个无限滚动的网格面板(ExtJs 4.2.1)，类似于 this example .用户可以单击刷新按钮，然后必须使用数据库中的数据更新网格的行。我在刷新按钮处理程序中调用 stor
delphi - 刷新、更新和重画之间有什么区别？
我不知道这三种方法中哪一种最适合我。他们都为我工作。有谁知道刷新、更新和重画之间的区别吗？最佳答案根据在线文档: Refresh - 重新绘制屏幕上的控件。 Call Refresh method
WPF ICollectionView 刷新
有什么办法吗 ICollectionView.Refresh() 或者 CollectionViewSource.GetDefaultView(args.NewValue).Refresh(); 在
javascript - 更改查询字符串而不重新加载/刷新
这个问题已经有答案了: Updating address bar with new URL without hash or reloading the page [duplicate] (4 个回答)
javascript - setTimeout 刷新
我有一个 javascript 设置超时以在 10 秒后关闭 div，并且我想在 div 关闭时添加页面刷新。我正在使用的代码如下。 var container_close_sec = "1
php - 在多个页面之间循环(刷新)？
我有一组具有以下名称的页面.... update1.php update2.php update3.php update4.php update5.php update6.php update7.ph
php - 刷新/提交后保持选中状态的复选框以及
如果是则触发js函数。我可以使一个复选框保持选中状态，并在页面刷新时检查值并选中“checked”，并提交以下内容... checked="checked" /> 你都不记得触发js函数。这是我的
Javascript div 刷新
我正在尝试刷新 php 脚本以在数据库更新时显示更新的内容。我首先构建了我的 php，然后刷新代码，然后合并它们。但是，脚本不会更新。有谁知道为什么吗？ $(document).ready
hibernate - 如何使域实例关联无效/刷新？
当我要删除的节点扩展集合类型时，Grails中有一个错误阻止我使用removeFrom *。直接从关联中删除节点不会更新二级缓存。 A hasMany B 有什么方法可以使关联缓存手动无效或强制重新加
java - hibernate 刷新？
我正在使用 hibernate 和 mysql 来抽象一个数据库，以便在 java 驱动的网站中使用。我使用 hibernate 很好地解决了所有查询，但似乎无法弄清楚如何使用它进行更新、插入和删除，
java - 刷新 fragment
如何通过调用 oncreateview 方法重新创建 fragment ？我有一个 fragment ，用于通过表单插入新数据，单击按钮后，我想通过删除在 EditText 中输入的数据来重新创建 f
iphone - 刷新 View
当我从一个到另一个时，我试图刷新我的观点。我知道我应该将刷新代码放在 viewWillAppear 中，但我不知道该放什么代码。你们能帮帮我吗？谢谢! 最佳答案在您看来，请调用 setNeeds
flush - NSOutputStream 刷新
我正在开发 iPhone 应用程序并希望使用: CFStreamCreatePairWithSocketToHost(NULL, url, port, &serverReadStream, &serv
PHP session 刷新!
看到我已经创建了一个用于登录用户的脚本。而且我还添加了设置选项卡，以便用户可以编辑他们的设置!但是当我尝试它时，mysql 表中的数据发生了变化，但配置文件中显示的用户名和用户电子邮件保持不变!当我注
javascript - 在没有本地存储的情况下存储数据或只执行一次操作(刷新)
好的。这就是它的样子。当我启动应用程序时，我从服务器收到的第一件事是数据: {name: "test", type: "checkbox" checked: true, } 这使得其中一个复选框

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - Comboboxes onsubmit 更改给出结果但刷新 javascript 设置