Preencher uma datalist de HTML5 dinamicamente com jquery

A versão 5 do HTML trouxe alguns elementos novos, e um deles é  a datalist. Uma datalist é uma lista de dados pré-definidos que são atribuídos a um elemento input.

Uma datalist comporta-se como um controlo select, mas com umas particularidades:

  • Não tem parte de texto – como o select nas opções (options)
  • Permite completação automática das opções da datalist – bastando escrever..

(more…)