使用弹出并保持表单打开答案

【问题标题】：Using Pop up and keep the form open使用弹出并保持表单打开
【发布时间】：2015-10-20 19:18:14
【问题描述】：

我尝试使用弹出窗口来调用我的表单，它可以工作，但是每次我在组合框上选择一个值（onchange 操作）时，表单都不会保持打开状态，所以我必须再次单击该弹出窗口（值是保留虽然）任何想法？这是代码：

<head>
    <title>JQuery Popup | JQuery Slide Popup | Demo</title>
    <link rel="stylesheet" type="text/css" href="style.css" />  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="popup.js"></script>
</head>
<body>
    <div id="wrapper">
        <div id="overlay" class="overlay"></div>
        <a onclick="openOffersDialog();">Click Here To See The PopUp</a>
        <div id="boxpopup" class="box">
            <a onclick="closeOffersDialog('boxpopup');" class="boxclose"></a>
            <div id="content">
                <html xmlns="http://www.w3.org/1999/xhtml">
                    <head>
                        <title>Info Tarif</title>
                    </head>
                    <?php include('connection.php'); ?>
                    <body>
                    <?php
                        $query = "SELECT distinct (kota_kabupaten) FROM `ongkirjne` order by kota_kabupaten ASC  "; 
                        $result = mysql_query($query); 
                    ?> 
                    <form name="satu" method=GET action="index.php" openOffersDialog();>
                        Pilih Daerah Tujuan :
                        <select name="kota"  onChange='this.form.submit();'>        
                            <option value="">-Pilih Kota/Kabupaten-</option>; 
                            <?php while ($row = mysql_fetch_assoc($result))  { ?>
                                <option <?php if($_REQUEST['kota'] == $row['kota_kabupaten']) echo "selected" ?> ><?php echo $row['kota_kabupaten']; ?></option>
                            <?php } ?>
                        </select>
                        <br>
                        Pilih Kecamatan :
                        <select name='kec' class='nama' Method='GET'>       
                        <?php
                            echo"<option value>-Pilih Kecamatan-</option>";
                            $city= $_GET['kota'];
                            if (isset($_GET['kota']))
                            {                             
                                $query = "SELECT * FROM `ongkirjne` where kota_kabupaten like '%$city%'"; 
                                $result = mysql_query($query); 
                                while ($row = mysql_fetch_assoc($result)) {?>
                                    <option <?php if($_REQUEST['kec'] == $row['kecamatan']) echo "selected" ?> > 
                                    <?php echo $row['kecamatan'];  ?></option>
                            <?php } ?>         
                        <?php } ?>
                        </select>  Berat : <input type="text" name="berat" value="<?php echo htmlspecialchars($_GET['berat']); ?>"/>   
                        <?php
                            echo " <input type='submit' name='hitung' value='hitung' onclick='hitung()'/>";

我想要的结果是：
1.当我点击弹出链接时，表单显示（ok）
2. 当我在第一个组合框中选择值时，表单保留（失败）-> 使用更改操作。
3.当我在第一个组合框中选择值时，值保留（ok）
4.当我点击提交按钮（hitung）时，值保留并且功能正常（ok）
我希望它们都在同一个页面上。

谢谢

【问题讨论】：

标签： javascript jquery html forms

【解决方案1】：

如果我了解您的问题，我相信它可以通过不使用任何隐藏表单的代码来解决。

你在使用.toggle 函数吗？如果是这样，请将其更改为.show

如果您希望表单在提交后再次隐藏，那么在页面刷新时会自动完成（假设您没有使用 AJAX）。您可以将操作设置为“#”，以使页面重定向到自身而不是另一个文件。

【讨论】：

I'm not using any .toggle here's the [link] (kliknklik.net/infotarif/pop) the form disappear when the first combo box value selected, but the value retain if you click the pop up url again.谢谢