jQuery Webshim Lib не отображает обновляемое содержимое datalist с помощью javascript

Question

Я использую JQuery 1.9.1, Modernizr 2.6.2 (Custom Build with yepnope) и библиотеку Webshim. я тестировал на Safari 6.0.4 и Firefox 20.0 на Mac OSX 10.7.5

У меня есть страница, где HTML5 у меня есть DataList определенного следующим образом:

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

, что я динамическое обновление с помощью кода JavaScript. ..

Он работает в первый раз, когда я сделать обновление (в моем intialisation коде), но последующие обновления этого DataList контента, хот видны в инспекторе не отражены в отображаемом выпадающем списке ...

Он работал на FF - Я использовал polyfill, но Safari не поддерживает datalists.

Я что-то пропустил? Или можно принудительно обновить выпадающее меню?

Answer 1

Да, есть метод для этого (updatePolyfill, htmlPolyfill и т. Д.). Он задокументирован в dynamic shiving и here.

Вы также можете найти простой пример с dynamic datalist (сервер данных немного медленнее по первому запросу).

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

Смотрите также эту демонстрацию некоторых опций конфигурации: http://jsfiddle.net/trixta/7DETa/