Uma classe em JS para manipular elementos SELECT

Há pouco tempo escrevi um post mostrando como adicionar e retirar options de um select. Depois disso, construí um plugin para WordPress (mais um…) que usa e abusa dos selects. Depois de tudo pronto, fiquei pensando em como seria prático ter uma library em Javascript para manipular esse elemento. Comecei então a esboçar o script com base em funções que eu já tinha prontas, mas na forma de uma classe, para ser manuseado como objeto.

Em dois fins de semana (pois é, quando posso fazer algo pra relaxar de tanto código, muitas vezes escolho programar…) este script nasceu e cresceu. Naturalmente ainda faltam algumas coisas, como meios melhores de manusear os elementos OPTGROUP, por exemplo.

Os métodos atuias são os seguintes:

  • create
  • addOptionAt
  • addOption
  • clone
  • extract
  • build
  • removeAllOptions
  • hasOption
  • selectAll
  • unselectAll
  • selectByVal
  • findText
  • removeOption
  • removeSelectedOptions
  • getSelectedIndexes
  • applyStyle
  • setStyle
  • transferSelectedOptions
  • sortOptions
  • addOptgroup
  • removeOptgroup
  • extractGroups
  • applyGroups
  • selectedToGroup

Não vou escrever uma referência dos métodos, por falta de tempo, principalmente, mas você pode ver uma página de testes aqui, com exemplos interessantes para entender como a coisa funciona. Há alguns comentários no próprio script, mas (talvez infelizmente…) estão em inglês…

Dúvidas e esclarecimentos podem ser resolvidos aqui, nos comentários, ok?
Espero que este script seja útil.

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>