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

Question

我是编程新手。我创建了一个简单的页面，我们可以将其称为具有一个选项值、三个文本框和 2 个按钮（提交和返回）的表单。当我用 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>

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

Answer 1

如我所见，HTML表单代码本身没有问题，但应该有一些javascript在监听on select change事件。

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

---

尝试更新手机中的chrome浏览器，因为最近chrome浏览器出现了很多这样的错误。

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

我在手机上测试过，没有任何问题：

screenshot from my android chrome browser

---

您可以通过在表单中​​添加 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>