尝试为列表/表格创建重命名功能答案

【问题标题】：Trying to make a rename feature for a list/table尝试为列表/表格创建重命名功能
【发布时间】：2016-01-04 03:15:22
【问题描述】：

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

<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>

https://jsfiddle.net/bqgqhxs2/ 我只提供了最低限度的代码，希望能表达我的意思。

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

我将如何实施呢？还是我要求的可能？

另外，如果有人对“重命名”功能有任何其他建议，我完全同意，整个项目将实施到流星中，所以如果有人有一个很棒的流星解决方案，但我只是担心一次一个问题。

【问题讨论】：

“希望用户能够更改列表/表格的名称” 在问题的html 处没有出现“列表”或“表格”？跨度>
我没有看到隐藏的文本框。我看到一个没有边框的文本框...该文本框的值应该在哪里更新？
非常可能，特别是 angularJS
docs.angularjs.org/api/ng/input/input%5Btext%5D
@Taplar 抱歉，隐藏我的意思是一个文本框，我不想让它明显是一个文本框。如果可能的话，我希望该文本框更新其自己的值，例如该值是组，但我希望用户通过在文本框中键入并按下提交按钮来更改该值。

标签： javascript jquery css html meteor

【解决方案1】：

您可以使用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() )
})

无需按钮更改表名小提琴https://jsfiddle.net/bqgqhxs2/2/

【讨论】：