Est-il possible de définir des options de sélection via l'attribut d'entrée?

Question

Comment définir les options de sélection via l'attribut d'entrée?

Cela ne fonctionne pas (Fiddle):

<input id="test" value="cat" options="cat,dog,snake" type="text"/> 

<script> 
    $('#test').selectize(); 
</script> 

Avec le code ci-dessus, je veux chat présélectionne, tandis que le chien et le serpent disponibles comme options déroulantes. Chat dans le value est bien, mais d'autres à travers options pas. Des idées? Il me manque quelque chose ici.

Answer 1

Vous devriez le faire manuellement. Selectize n'est pas très clair sur la façon de définir ses options, mais I figured it out.

function to_selectize_options(items) { 
    result = []; 
    for (index in items) { 
     item = items[index]; 
     result.push({ 
      text: item, 
      value: item 
     }); 
    } 
    return result; 
} 

$('#test').each(function() { 
    node = $(this) 
    raw_options = node.attr('options') 
    options = to_selectize_options(raw_options.split(',')) 
    node.selectize({options:options, delimiter: ','});  
}) 

Check it out.