Javascript 尝试为列表/表创建重命名功能

我希望用户能够更改列表/表的名称

<div class="col-md-6">
    <form method="post">
      <h1>
        <b>
          <input type="text" value="Group" id="groupName">
        </b>
      </h1>
          <input type="submit" value="Change Name">
    </form>
</div>

我只提出了最简单的代码，希望能让大家理解我的观点

我有一个“隐藏”文本框和一个提交按钮，我希望用户输入到文本框中的值最好成为新值，而不必重新加载页面

我将如何着手实施这一点？或者我所要求的是可能的

---

另外，如果有人对“重命名”功能有任何其他建议，我洗耳恭听，整个项目都将在meteor中实现，因此如果有人有meteor解决方案，那将非常好，但我一次只担心一个问题。

您可以使用

blur

方法将新名称输入到输入中

 $("#groupName").on( "blur", function() {
    //change the id here
   $("table").attr("id", $(this).val() )
    //or the value of an element
   $("table").attr("value", $(this).val() )
})

不需要按钮来更改表的名称

---

fiddle

“希望用户能够更改列表/表格的名称”没有“列表”或“表格”出现在

html

的问题处？我没有看到隐藏的文本框。我看到一个没有边框的文本框。。。文本框的值应该在哪里更新？特别是在angularJS@Taplar很抱歉，隐藏我指的是一个文本框，我不想让它明显是一个文本框。如果可能的话，我希望文本框更新它自己的值，例如值是group，但我希望用户通过在文本框中键入并按下submit按钮来更改该值。