Php html制作的提交按钮不起作用

我正在开发一个简单的颜色选择器，您可以单击一种颜色，然后会出现一个颜色的小示例，其中包含一个提交按钮，以便您可以选择/提交此颜色

我使用jQuery将submit按钮添加到单击的颜色，但由于某些原因，我的submit按钮没有提交

因此，当您单击一种颜色时，此页面会添加带有submit的弹出窗口：

$(this).addClass('selected_color').html(
        num + '<div class="this_color"><div class="color_example">Color value</div><input type="submit" name="submit_color" value="Selecteer kleur"/></div>');

我将颜色的值放在一个名为wz_color的隐藏字段中

---

但为什么我的按钮不提交？这是因为jquery稍后添加了它吗？

您缺少表单标记

$(this).addClass('selected_color').html(
        num + '<div class="this_color">
        <div class="color_example">Color value</div>
            <form method="POST" action="">
                <input type="submit" name="submit_color" value="Selecteer kleur"/>
            </form>
        </div>');

---

这是因为您在表单中添加了一个带有绝对位置的元素——不确定这是否重要，表单也不承认提交按钮是她自己的。

---

您应该在页面呈现时加载submit按钮，然后将其四处移动。

当您单击按钮时，click事件将传播到包含它的，并且该事件处理程序将再次触发。这似乎干扰了表单提交

立即尝试阻止它：

 $(this).addClass('selected_color').html(num + '<div class="this_color"><div class="color_example">Color value</div><input type="submit" name="submit_color" value="Selecteer kleur"/></div>');
 $('[name=submit_color]').click(function(e) { e.stopPropagation(); });

---

请注意，使用$document.on'click'，'[name=submit_color]，function{…}委派取消操作不起作用，显然是因为事件在气泡一直气泡到文档之前一直气泡到跨度。

需要一个表单和方法post我们需要知道您的标记的外观，b是否包含提交按钮。如果是这样，一切都会很好。将问题复制到将对我们有所帮助。是的，我已经说过，提交是一种形式，并且有一个名称submit_color；还有方法贴子。如果你愿意，我可以给你我的例子的链接？啊，糟糕，给我们一个提琴。如果你愿意，我可以给你我的例子的链接？当然，那好多了。给我们看看你当前使用的所有代码，这会容易得多。从我可以得出的结论是，它似乎没有任何形式上的行动。只需向我们展示代码。@AttisBarros您应该将其添加到您的答案中，因为这是缺少操作属性的实际问题。没有缺少的操作，我在同一文档中使用php处理。不，这不重要表单不承认提交按钮是她自己的。您应该在页面呈现时加载submit按钮，然后将其四处移动。在投票否决之前，请检查并确认这是问题所在：是的，我就是这么想的。。但是@AttisBarros你确定以后加载不是问题吗？尝试在页面呈现时将其包含在标记之间，然后移动它，你就会看到它是有效的。我只是希望我能弄清楚为什么它会把提交搞砸。我的最佳猜测是，当事件冒泡到范围时，您刚才单击的按钮将被销毁并立即重新创建，因此不会发生其他事件，包括提交表单。

 $(this).addClass('selected_color').html(num + '<div class="this_color"><div class="color_example">Color value</div><input type="submit" name="submit_color" value="Selecteer kleur"/></div>');
 $('[name=submit_color]').click(function(e) { e.stopPropagation(); });