Question

我不确定是否有其他人曾经遇到过这种情况，但对此有任何帮助将不胜感激。

我需要使用两个不同的ID进行提交按钮。以下是html代码：

Button: <button class="some class" type="submit" id="gform_submit_button add_to_quote">Submit</button>

由于无法为按钮分配两个不同的ID，处理它的最佳方法是什么？

Answer 1

您需要创建按钮（它不需要ID）并附加JavaScript事件处理程序，以便在单击时以编程方式提交表单。

例如：

<form name="myForm" action="...">
    <!-- Form elements go here -->
    <button id="button1">Submit Button 1</button>
    <button id="button2">Submit Button 2</button>
</form>

<script type="text/javascript">
    var button1 = document.getElementById('button1'),
        button2 = document.getElementById('button2');

    function submitForm() {
        document.myForm.submit();
    }

    button1.addEventListener('click', submitForm);
    button2.addEventListener('click', submitForm);

</script>

表单提交按钮有两个不同的ID？

1 个答案: