Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá gente bom dia...
tenho um select e gostaria de mudar o valor dele quando o botão do formulário for apertado para "Aguarde"
Gostaria de fazer isso sem usar jquery
Acho que é algo simples mas pela busca não achei nada..
<script>
function MudarSelect(){
// Mudar o select para AGUARDE
}
</script>
<select name="conteudo" id="conteudo">
<option value="0" disabled selected>-- Selecione</option>
<option value="Carros">Carros</option>
<option value="Motos">Motos</option>
</select>
<input type="submit" value="Buscar" onclick="MudarSelect();" />Seria isso mesmo... eu não tenho uma opção escrito "Aguarde" desse jeito ele muda para a primeira opção que é o "SELECIONE"
Além de fazer isso eu teria que alterar o valor desse option para AGUARDE é isso que não consigo fazer :/
Nesse caso:
Mudando o valor da primeira opção:
function MudarSelect() {
var seletor = document.getElementById('conteudo'),
opcoes = seletor.getElementsByTagName('option'), // Pega todos elementos option dentro do seletor
primeiraOpcao = opcoes[0]; // Seleciona o primeiro option da NODE-LIST[opcoes]
primeiraOpcao.value = 'aguarde'; // Define o valor do primeiro option
primeiraOpcao.innerText = 'Aguarde...'; // Define o texto do primeiro option
seletor.value = 'aguarde'; // Definine o valor do seletor para value="aguarde"
seletor.selectedIndex = 0; // Modifica para a primeira opção "selectedIndex[NODE-LIST]"
}
Criando uma nova opção
function MudarSelect() {
var seletor = document.getElementById('conteudo'),
novaOpcao = document.createElement('option'), // Cria em elemento option
opcoes = seletor.getElementsByTagName('option'), // Pega todos elementos option dentro do seletor
primeiraOpcao = opcoes[0]; // Seleciona o primeiro option da NODE-LIST[opcoes]
novaOpcao.value = 'aguarde'; // Define o valor do novo option
novaOpcao.innerText = 'Aguarde...'; // Define o texto do novo option
primeiraOpcao.parentNode.insertBefore(novaOpcao, primeiraOpcao); // Insere o novo option antes de qualquer outro no seletor
seletor.value = 'aguarde'; // Definine o valor do seletor para value="aguarde"
seletor.selectedIndex = 0; // Modifica para a primeira opção "selectedIndex[NODE-LIST]"
}Era isso mesmo obrigada!
Seria isso porque eu não entendi o tal do aguarde?