javascript - 有没有办法将 Javascript 对象附加到选择选项

Question

当使用 Javascript 在选择列表中构建选项列表时，我想将 Javascript 对象附加到该选项，以便我可以在更改事件中轻松检索。

所以，在写这个问题时，我想提供一些示例代码并找到一种方法来实现它；所以我对这个问题有一点补充。将 javascript 对象附加到 DOM 元素不好吗？回到过去，我记得在某些情况下会出现内存泄漏问题。

这是一个工作示例: http://jsbin.com/afolo3/edit

var objs = [
  { id: 1, value: "One", type: "number" },
  { id: 2, value: "Two", type: "number" },
  { id: 3, value: "Three", type: "number" },
  { id: "A", value: "A", type: "char" },
  { id: "B", value: "B", type: "char" },
  { id: "C", value: "C", type: "char" },
  ];

var options = $.map(objs, function(item, idx) {
  var opt = $("<option/>").val(item.id).text(item.value);
  opt[0]["obj"] = item;
  return opt;
});

$.fn.append.apply($("#select"), options)
  .change(function() {
    $("#select option:selected")
      .each(function(){
    alert(this.obj.type);
      });
  });

Answer 1

使用 jQuery 的 .data()函数代替。

更新示例:http://jsbin.com/afolo3/2