Alterar valor de campo Select

[danicarla 3]

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();" />

 

[Omar~ 87]

Seria isso porque eu não entendi o tal do aguarde?

function MudarSelect() {
  // Mudar o select para AGUARDE /* ???? Não tem essa opção!? */
  var seletor = document.getElementById('conteudo');
  seletor.value = '0'; // Definine o valor para value="0"
  seletor.selectedIndex = 0; // Modifica para a primeira opção "selectedIndex[NODE-LIST]"
}

 

[danicarla 3]

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 :/

[Omar~ 87]

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]"
}

 

[danicarla 3]

Era isso mesmo obrigada!