javascript - 在 HTML 表单中使用自动生成的(即随机的)ID

Question

我正在从构建为 Backbone View 的各种复杂控件创建表单。可以理解，我想可靠地将标签链接到 <input>元素，我用普通的 for 做的属性。

但是，有时我需要多次使用同一个控件。我正在使用数据属性来驱动表单，所以我不需要 id属性供我自己使用，并且可以使用类来标识每个控件。

因此，我正在考虑生成随机 ID 是否有意义，只是为了链接 <label>和 <input>一起？这似乎是一个非常糟糕的主意，但我不确定是否有更好的主意？

我不能只把 <input>在<label>里面，因为它们必须彼此分开。

Answer 1

自动生成 ID 没有什么不好。如果它们不必是人类(==开发人员)可读的，你可以在那里发疯。创建一个简单的函数，输出唯一的字符串，然后你就可以了:

function generateId() {
    return 'GENERATED_ID_' + (++generateId.counter);
}
generateId.counter = 0;

id = generateId();
html = '<label for="'+id+'">Foo</label> <input id="'+id+'">';

这里没有发生任何不好的事情。

(当然，如果您可以将输入嵌套在标签中，那就更好了。)