Mudar input de acordo com seleção ComboBox
22/12/2017
0
Boa Tarde!
Preciso criar um formulário que quando alterar a seleção do combo box altere também o que esta escrito em meu input. Como fazer isso?
Obrigado
Preciso criar um formulário que quando alterar a seleção do combo box altere também o que esta escrito em meu input. Como fazer isso?
Obrigado
Mateus Henrique
Curtir tópico
+ 0
Responder
Post mais votado
26/12/2017
Olá Mateus,
Vou mostrar como fazer isso com jQuery.
O script acima atribui ao input o valor selecionado da combobox. Se você quiser atribuir ao input o texto, ao invés do valor, substitua o por $
Valeu!
Vou mostrar como fazer isso com jQuery.
$(document).ready(function(){ $( "#id_do_combobox" ).change(function() { $( "#id_do_input" ).val($( "#id_do_combobox" ).val()); }); });
O script acima atribui ao input o valor selecionado da combobox. Se você quiser atribuir ao input o texto, ao invés do valor, substitua o
$( "#id_do_combobox" ).val()
( "#id_do_combobox" ).text()
Valeu!
Rander Freitas
Responder
Mais Posts
25/12/2017
Frankley
Veja se esse código aqui é o que você está procurando:
<html>
<head>
<script type="text/javascript">
function alimentarCampo() {
var minhaLista = document.getElementById("minhaLista");
document.getElementById("campoReceber").value = minhaLista.options[minhaLista.selectedIndex].value;
}
</script>
</head>
<body>
<form name="Formulario">
Selecione seu Browser:
<select id="minhaLista" name="campo_selecione" onchange="alimentarCampo();">
<option value="001 Campo do Internet Explorer a Evolução">Internet Explorer</option>
<option value="002 Campo do Firefox a Evolução">Firefox</option>
<option value="003 Campo do Netscape a Evolução">Netscape</option>
<option value="004 Campo do Opera a Evolução">Opera</option>
</select>
<p>Descrição do Browser: <input type="text" id="campoReceber" name="campo" size="50"></p>
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function alimentarCampo() {
var minhaLista = document.getElementById("minhaLista");
document.getElementById("campoReceber").value = minhaLista.options[minhaLista.selectedIndex].value;
}
</script>
</head>
<body>
<form name="Formulario">
Selecione seu Browser:
<select id="minhaLista" name="campo_selecione" onchange="alimentarCampo();">
<option value="001 Campo do Internet Explorer a Evolução">Internet Explorer</option>
<option value="002 Campo do Firefox a Evolução">Firefox</option>
<option value="003 Campo do Netscape a Evolução">Netscape</option>
<option value="004 Campo do Opera a Evolução">Opera</option>
</select>
<p>Descrição do Browser: <input type="text" id="campoReceber" name="campo" size="50"></p>
</form>
</body>
</html>
Responder
Clique aqui para fazer login e interagir na Comunidade :)