javascript - 如果我更改类型，jquery 移动表单提交按钮将不起作用

Question

我尝试在 jquerymobile 的帮助下将网站转换为移动网站。

类型为“image”的“滚动”按钮存在问题，如果我转换为类型为“提交”/或类型“按钮”的移动按钮，该按钮将无法工作

(我只想要一个执行相同操作的按钮，即类型“image”按钮之前执行的操作...)只有一个按钮，没有图像...

在我在这里发布此内容之前我尝试了几个小时，所以也许你能够提供帮助:)

到目前为止我的代码片段...原始代码:

    form name="example_form" method="post" action="example.php" target="_self">
                    <td  align="right">
                        <input type="hidden" name="select" value="" />
                        <input type="hidden" name="example" value="<?php  echo $example; ?>" />
                        <input id="inputimg1" type="image" value="back"  width="89px" height="31px" onclick="this.form.select.value=this.value"/>

                    </td>

                    <td  align="left">
                        <input id="inputimg1" type="image" value="for" width="89px" height="31px" onclick="this.form.select.value=this.value"/>
                        <input type="hidden" name="start" value="<?php  echo $example; ?>" />
                    </td>
                </form>

我的“表单”(第一个 ui-block-a 不起作用，block-b 起作用(因为它的 type="image")

    <form method="post" action="example.php" target="_self" >
                    <div class ="ui-grid-a">


                    <div class="ui-block-a">

                        <div class="ui-bar ui-bar-c" style="height:55px" align="center" >
                        <input type="submit" id="t" value="back" onclick="this.form.select.value=this.value"/>
                        <input type="hidden" name="select" value="" />
                        <input type="hidden" name="example" value="<?php  echo $example; ?>" />


                        </div> 
                    </div>


                    <div class="ui-block-b">

                    <div class="ui-bar ui-bar-c" style="height:55px" align="center" >

                        <input type="image" value="for" onclick="this.form.select.value=this.value"/>
                        <input type="hidden" name="start" value="<?php  echo $example2; ?>" />

                </div>  </div>  </div>
        </form>

“for”和“back”的值都可以。他们正在研究“图像”类型的按钮。但是，如果我只是将类型“图像”更改为“提交”/“按钮”，为什么它没有执行任何操作？？

预先感谢您，最好的问候

Answer 1

我花了一些时间执行 ui-block-a 中的代码，发现它实际上将名为“select”的隐藏输入设置为该提交按钮(“后退”)的值。我不明白您遇到什么问题，但代码完全可以正常工作。

关于样式方法，最好将 JavaScript 和 HTML 分开并使用事件监听器来触发函数。您的代码将更容易调试和维护。 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener