jQuery Webshim库不显示使用javascript更新的数据列表内容

我使用jQuery1.9.1、Modernizer2.6.2（使用yepnope定制构建）和Webshim库。 我在Mac OSX 10.7.5上的Safari 6.0.4和Firefox 20.0上进行了测试

我有一个HTML5页面，其中的数据列表定义如下：

  <input id="reference_category_name" list="category_list" class="search-start" autocomplete="on" required />
  <datalist id="category_list">
    <select>
      <option></option>
    </select>
  </datalist>

我使用javascript代码动态更新

它在我第一次更新（在我的初始化代码中）时起作用，但此数据列表内容的后续更新（尽管在inspector中可见）不会反映在显示的下拉列表中

在我使用polyfill之前，它在FF上工作，但Safari不支持数据列表

我错过什么了吗？

---

或者可以强制刷新下拉列表吗？

是的，有一种方法（updatePolyfill、htmlPolyfill等）。记录在和中

您还可以找到一个简单的示例，其中包含一个（尽管数据服务器在第一次请求时有点慢）

$（'datalist>select'）。htmlPolyfill（“”）；

---

有关一些配置选项，请参见本演示：

是的，有一种方法可以实现这一点（updatePolyfill、htmlPolyfill等）。记录在和中

您还可以找到一个简单的示例，其中包含一个（尽管数据服务器在第一次请求时有点慢）

$（'datalist>select'）。htmlPolyfill（“”）；

---

有关一些配置选项，请参见此演示：

对不起，我没有立即看到您的答案，我正在处理代码的另一部分。谢谢，我会用这个，当我看示例时，我没有注意到。对不起，我没有立即看到你的答案，我正在编写代码的另一部分。谢谢，我会用这个，当我看例子的时候，我没有注意到。

$('datalist > select').htmlPolyfill('<option value="yeah" />');