jQuery Webshim Lib은 자바 스크립트를 사용하여 업데이트 된 데이터리스트 콘텐츠를 표시하지 않습니다.

Question

저는 JQuery 1.9.1, Modernizr 2.6.2 (yepnope로 사용자 정의 빌드) 및 Webshim 라이브러리를 사용합니다. 나는 자바 스크립트 코드를 사용하여 동적으로 업데이트

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

: 나는 내가 다음과 같이 정의하여 DataList가 어디는 HTML5 페이지가 맥 OSX 10.7.5

에 사파리 6.0.4와 파이어 폭스 20.0에서 테스트. ..

그것은 (내 intialisation 코드에서) 나는 업데이트를 할 처음 작동하지만 관리자에서 볼 수 있지만,이 DataList에 내용의 이후의 업데이트가 표시 드롭 다운에 반영되지는 ...

그것은에 일 FF가되다. 앞에서 polyfill을 사용했지만 Safari는 데이터리스트를 지원하지 않습니다.

내가 뭔가를 놓쳤습니까? 또는 드롭 다운을 새로 고칠 수 있습니까?

Answer 1

예이 메소드 (updatePolyfill, htmlPolyfill 등)가 있습니다. 그것은 dynamic shiving과 here에 문서화되어 있습니다.

dynamic datalist으로 간단한 예제를 찾을 수도 있습니다 (데이터 서버는 첫 번째 요청시 약간 느립니다).

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

는 일부 구성 옵션이 데모를 참조하십시오 http://jsfiddle.net/trixta/7DETa/