Question

我得到了这样的HTML：

<table>
    <form action=\'food.php\' method=\'POST\'>
    <tr><h4>
        <td><span><input type="submit" name="food_edit" class="food_edit" value="Edytuj" /></span></td>
       </h4>
    </tr>
    </form>
</table>

然后在jQuery中改变输入字段的函数：

wrap.find('.food_edit')
    .replaceWith('<input type=\'submit\' name=\'food_edit_confirm\' value=\'Potwierdź\' />');

我的问题是，在更改提交按钮后，发送表单不起作用。

Answer 1

您可以在更换提交按钮后尝试此操作：

$('form').on('click','input[type=submit]',function(){
   //rest of code goes here.
});

Answer 2

你需要在特定的jquery代码周围使用$（document）.ready（），或者你可以尝试使用.attr来改变你的类的attribs，或者你可以使用'focus'来包装它。或者你可以做类似

的事情

$('form').live('submit',function(){
// do the rest of ur code and then submit it....
});

Answer 3

您的HTML无效。它应该是这样的：

<form action=\'food.php\' method=\'POST\'>
    <table>
        <tr>
            <td>
                <span>
                    <input type="submit" name="food_edit" class="food_edit" value="Edytuj" />
                </span>
            </td>
        </tr>
    </table>
</form>

如果您要添加确认信息，请查看onsubmit=""标记中的<form>。

示例：

<form action=\'food.php\' method=\'POST\' onsubmit=\'return checkForm();\'>
    <table>
        <tr>
            <td>
                <span>
                    <input type="submit" name="food_edit" class="food_edit" value="Edytuj" />
                </span>
            </td>
        </tr>
    </table>
</form>

JS代码：

function checkForm() {
    return confirm("Submit this form?");
}

Answer 4

<script type="text/javascript">
$(function(){
$('.food_edit').replaceWith("<input type='submit' name='food_edit_confirm' value='Potwierdz' onclick='document.getElementById(\"submit\").click();' />");

});
</script>


<form action='food.php' method='POST'>
        <input type="submit" name="food_edit" class="food_edit" value="Edytuj" onclick="document.getElementById('submit').click();" />
        <input type="submit" style="display:none" id="submit" />
    </form>

隐藏按钮始终提交表单，无论您使用可替换的提交按钮执行任何操作。

通过jQuery更改输入后提交表单

4 个答案: