Preencher input com base em select com dados no bd

[Amandasjn 0]

Preciso fazer com que um mesmo select, automaticamente preecha 4 campos, com dados previamente cadastrados num banco de dados.

[João Assef 1]

Coloque parte de seu código

[dougtop 31]

OBS: Talvez esse tópico tenha que ser transferido para alguma outra área do fórum.

 

Bom dia Amanda,

 

Primeiramente, você precisa trazer os dados do banco e carrega-los no select. Como isso é questão de back-end (programação do lado do servidor), não entrarei nessa questão.

 

Mas quando seu select já estiver preenchido, você pode fazer da seguinte forma:

<select class="selectVidente">
  <option>Brasil</option>
  <option>será</option>
  <option>hexacampeão</option>
</select>
<br>
<br>
<input type="text" class="opcaoSelect">
<input type="text" class="opcaoSelect">
<input type="text" class="opcaoSelect">
<input type="text" class="opcaoSelect">

 

e no javascript (com jquery):

$(document).ready(function(){
    $('.selectVidente').on('change', addOption);
});

function addOption(){
	$('.opcaoSelect').val(this.value);
}

Você pode ver a solução nesse link: https://jsfiddle.net/dougtop/3hwmrusg/

 

Abraços, Doug!

[William Bruno 1501]

Exemplo com ajax:

 

http://wbruno.com.br/ajax/combobox-preenche-input-ajax/

[Gilberto Jr 26]

Boa tarde;

 

Eu o meu sistema eu uso essa função

 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script>
    function buscalojared(){
      var red = $(".redee").val();

      if(red){
        var url = 'ajax_buscar_lojas.asp?rede='+red;
        $.get(url, function(dataReturn) {
          $('#load_lojas').html(dataReturn);
        });
      }
    }
    </script>

 

no select deixo fica da seguinte forma

<select id="idcliente"  name="rede" class="redee" onchange="javascript:atualizaendereco(this.value);buscalojared();">
<option value="#">GRUPO</option>
<option value="1">Nome</option>
</select>

 

Dentro da minha pagina principal eu tenho que ser uma div com o id="load_lojas", ou seja a id com o mesmo nome que esta dentro de $('#load_lojas').html(dataReturn);

 

e como a linguagem server side que eu trabalho é ASP CLASSIC a pagina ajax_busca_lojas.asp vai ficar da seguinte forma.

 

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!--#include file="conexaomysql.asp"-->
<%
call connect
rede = request.QueryString("rede")

 

set rs2 = conn.execute("select * from tec_clientefornecedor where rede='"&rede&"' and situacao!=3 order by fantasia_apelido asc")
%>

<span>*CLIENTE:</span>
<select id="idcliente2" class="lojaa" name="loja" onfocus="uncheck();" onchange="javascript:atualizaendereco(this.value);buscar_cidades();">
<option value="#">CLIENTE</option>
  <%
      while rs2.eof = false
  %>
   <option value="<%=rs2("id")%>"><%=rs2("fantasia_apelido")%></option>
  <%
      rs2.movenext
    wend
  %>
</select>


<%
call disconnect
%>

 

Att;

Gilberto Jr