在JavaScript中发布按钮的值

我试图将按钮的文本值作为表单数据发布，但无法实现这一点。这是我到目前为止所拥有的

    <form method="POST" action="/post" id="message">
      <div class="container">
      <div class="row">
      <div style="line-height:22%;">
      </div>
      <button class="btn-change" type="submit" name="foo" value="bar"><dt><code>button for value bar</code></dt></button>
      </div>
      </div>
    </form>
    <script type="text/javascript">
      $(".btn-change").on('click', function() {
        var value = $(this).val();
        document.getElementById('message').submit();
      });
    </script>

如何在我的表单中发布

value

解决方案

这似乎有效：

<button class="btn-change" name="message" form="message" value="bar"><dt><code>button for value bar</code></dt></button>

删除（当然）：

$（“.btn更改”）。在（'click'，function（）上{
var值=$（this.val（）；
document.getElementById（'message'）.submit（）；
});

将值放入隐藏字段，以便在表单中声明：

。它不会显示在屏幕上，但您可以在它的value属性中存储任何您想发布的内容。

您的意思是想要

value

属性的值，还是想要

按钮

元素的内容？为什么有这一行

document.getElementById（'message'）。submit（）

既然表单应该在点击按钮时提交，既然您使用的是jQuery，为什么它是纯JS格式的？另外，您到底想做什么？

没有

名称

和

值

属性，但有

属性。@j08691很抱歉给您带来混淆。（抱歉）正如你所看到的，我不是前端开发人员。我需要

value=“bar”

的实际值，因此我希望在用户单击按钮后提交值为

“bar”

的表单数据。然后您必须使用支持这些属性的表单元素，

按钮

不支持这些属性。

<script type="text/javascript">
  $(".btn-change").on('click', function() {
    var value = $(this).val();
    document.getElementById('message').submit();
  });
</script>