Tenho alguns div.boxes onde faço várias configurações e preciso deixar o botão de gravar desabilitado até que tudo esteja ok para gravar, porém não consigo selecionar esse elemento.
No exemplo abaixo, preciso que o botão save só seja ativado quando houver uma seleção válida no combobox select-options porém, nem encontrar o botão de salvar eu consigo...
<div class="box-content"> <form action="" method="post"> <p> <label for="select-options">Post Type:</label> <select id="select-options"> <option value="" selected="selected">-</option> <option value="destaque">Destaque</option> <option value="portfolio">Portfolio</option> </select> </p> <div class="box-control-actions"> <div> <input type="submit" class="box-control-save" value="Gravar"> </div> </div> </form> </div> <script type="text/javascript"> ((function(){ window.addEvent('domready', function(){ [size=2]document.id('select-options').addEvent('change', function(event){[/size] var btnSave = event.target.getParent('form').getChildren('input.box-control-save'); btnSave.disabled = false; if(event.target.selectedIndex > 0) btnSave.disabled = true; }); }); })()); </script>
Em tempo: Eu consigo listar todos os elementos filhos do form via event.target.getParent('form'); porém não diretamente pelo seletor de classe de um único elemento.
Podem me dar uma força?