Olá pessoal, sou novo em javascript e Jquery, podem me ajudar com o seguinte problema?
Tenho um select com algumas opções.
Umas dessas opções possui o valor "outro".
Quando o usuário selecionar esta opção, preciso que apareça um campo de texto para que ele especifique e um botão "+"
Ao preencher o campo e clicar em "+" O valor precisa ser inserido no select como uma nova option e selected.
Segue o código:
<!DOCTYPE html>
<html lang="pt-Br">
<head>
<meta charset="UTF-8">
<title>Select com opção de novo valor</title>
<script>
// Toda vez que uma opção for selecionada, teste se é "outro"
// Se for, mostre o campo para que o usuário informe o novo valor
// O novo valor deve ser enviado ao servidor como se fosse uma option selected neste select
</script>
</head>
<body>
<select name="grupo" id="gruposSelect" onchange="novoValor(gruposSelect, divOculta);">
<option value="">Todos</option>
// Código PHP que gera opções
<option value="outro">Outro</option>
</select>
<div id="divOculta" style="display:none;">
<input type="text" name="grupo" id="novoGrupo" />
</div>
</body>
</html>
Desculpem se eu estiver violando alguma regra ou falta de clareza, este é o primeiro fórum que participo e meu primeiro post
Obrigado