使用弹出窗口并保持表单打开

时间:2015-10-20 09:43:17

标签: javascript jquery html forms

我尝试使用弹出窗口来调用我的表单,但是每次我在组合框中选择一个值(onchange action)时,表单都不会保持打开状态,所以我必须再次单击该弹出窗口(值虽然保留) 任何的想法? 这是代码:

<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.当我点击弹出链接时,表格显示(确定)
2.当我在第一个组合框中选择值时,表单保留(失败) - &gt;用于改变行动。
3.当我在第一个组合框中选择值时,值保留(ok)
4.当我点击提交按钮(hitung)时,值保留并且功能正常(ok)
我希望所有这些都在同一页上。

谢谢

1 个答案:

答案 0 :(得分:0)

如果我明白你的问题是什么我相信它可以通过没有任何隐藏表格的代码来解决。

您使用的是.toggle功能吗?如果是,请将其更改为.show

如果您希望表单在提交后再次隐藏,则会在页面刷新时自动完成(假设您没有使用AJAX)。您可以将操作设置为“#”,以使页面重定向到自身而不是其他文件。