Question

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

<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/ 我只提出了最低限度的代码，希望得到我的观点。

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

我将如何实施？或者是我要求甚至可能的？

如果有人对“重命名”功能提出任何其他建议，我全都耳朵，整个项目将在流星中实施，所以如果有人有一个很好的流星解决方案，但我只是担心一次只有一个问题。

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

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

1 个答案: