当我选择一个选项时,Android 中的 Chrome 自行刷新页面


Chrome in Android gone refreshing the page it self when i did selected an option

我是编程新手。 我创建了一个简单的页面,只是我们可以作为表单调用的页面,该表单具有一个选项值,三个文本框和两个按钮(提交和返回)。 当我用Chrome浏览器填充页面时,我没有问题。

但是当我在Android手机上尝试使用Chrome时,我遇到了一些问题,这就是问题所在:首先,我确实选择一个选项,然后当我想填写表单的第一个文本框时,页面会重新加载,就像刷新页面一样。

这是我的代码

<h1>Validate Confirm Payment</h1>   
<form action="<?php echo base_url(); ?>admin/payment/paidConfirm/<?php echo $order->id_order; ?>" name="form1" method="post">
    <table class="table table-striped">
        <tr>
            <td>Transfer To</td>
            <td>:</td>
            <td>
                <select name="transfer_to" class="form-control" style="z-index:9999;">
                    <option value="0">--Select Name Bank--</option>
                    <option value="mandiri">Mandiri</option>
                    <option value="bca">BCA</option>
                    <option value="bri">BRI</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Bank Account Name</td>
            <td>:</td>
            <td><input type="text"  name="bank_account_name" style="z-index:9999;" class="form-control"></td>
        </tr>
        <tr>
            <td>Bank Account Number</td>
            <td>:</td>
            <td><input type="text" name="bank_account_number" style="z-index:9999;" class="form-control"></td>
        </tr>
        <tr>
            <td>Transfer Ammount</td>
            <td>:</td>
            <td><input type="text" name="transfer_amount" style="z-index:9999;" class="form-control"></td>
        </tr>
        <tr>
            <td colspan="3">
                <input type="hidden" name="id_order" value="<?php echo $order->id_order; ?>">
                <input type="hidden" name="status_confirm" value="1">
                <input type="submit" name="submit" class="btn btn-success" value="Submit">
                <a href="<?php echo base_url(); ?>admin/payment/index">Back</a>
            </td>
        </tr>
    </table>
</form>

我真的不知道我的代码或一些我不知道的方法出了什么问题。 任何帮助将不胜感激。

正如我所看到的,HTML表单代码本身没有问题,但是应该有一些JavaScript在监听on select change事件。

如果您可以提供您提供的表格的链接,以便我可以为您检查问题。


尝试更新手机中的chrome浏览器,因为最近chrome浏览器有很多这样的错误。

您还可以检查 android chrome 浏览器本身是否安装了一些扩展程序或插件 [制作叠加divs 的广告插件]。

我已经在手机上测试过了,没有任何问题:

截图来自我的安卓浏览器


您可以通过将onsubmit添加到表单中来调查它是否是javascript问题:

<h1>Validate Confirm Payment</h1>   
<form action="<?php echo base_url(); ?>admin/payment/paidConfirm/<?php echo $order->id_order; ?>" name="form1" method="post" onsubmit="return confirm('Really want to submit?');">
    <table class="table table-striped">
        <tr>
            <td>Transfer To</td>
            <td>:</td>
            <td>
                <select name="transfer_to" class="form-control" style="z-index:9999;">
                    <option value="0">--Select Name Bank--</option>
                    <option value="mandiri">Mandiri</option>
                    <option value="bca">BCA</option>
                    <option value="bri">BRI</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Bank Account Name</td>
            <td>:</td>
            <td><input type="text"  name="bank_account_name" style="z-index:9999;" class="form-control"></td>
        </tr>
        <tr>
            <td>Bank Account Number</td>
            <td>:</td>
            <td><input type="text" name="bank_account_number" style="z-index:9999;" class="form-control"></td>
        </tr>
        <tr>
            <td>Transfer Ammount</td>
            <td>:</td>
            <td><input type="text" name="transfer_amount" style="z-index:9999;" class="form-control"></td>
        </tr>
        <tr>
            <td colspan="3">
                <input type="hidden" name="id_order" value="<?php echo $order->id_order; ?>">
                <input type="hidden" name="status_confirm" value="1">
                <input type="submit" name="submit" class="btn btn-success" value="Submit">
                <a href="<?php echo base_url(); ?>admin/payment/index">Back</a>
            </td>
        </tr>
    </table>
</form>