Posted by
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?
