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

【问题标题】：jQuery Webshim Lib does not display datalist content updated using javascriptjQuery Webshim Lib 不显示使用 javascript 更新的数据列表内容
【发布时间】：2013-05-02 03:44:52
【问题描述】：

我使用 JQuery 1.9.1、Modernizr 2.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 代码动态更新...

它在我第一次进行更新时工作（在我的初始化代码中），但是这个数据列表内容的后续更新虽然在检查器中可见，但不会反映在显示的下拉列表中......

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

我错过了什么吗？或者是否可以强制刷新下拉菜单？

【问题讨论】：

标签： jquery datalist polyfills shim webshim

【解决方案1】：

是的，有一种方法可以解决这个问题（updatePolyfill、htmlPolyfill 等）。它记录在 dynamic shiving 和 here 中。

你也可以找到一个简单的例子，dynamic datalist（不过数据服务器在第一次请求时有点慢）。

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

有关一些配置选项，另请参阅此演示：http://jsfiddle.net/trixta/7DETa/

【讨论】：

对不起，我没有马上看到你的答案，我正在处理我的代码的另一部分。谢谢，我会用那个，我看例子的时候没有注意到。