-
Conteúdo Similar
-
Por dutopfave
Galera tenho um cadastro de cliente que preenche nome e login, ai quando digita o nome, automaticamente ele preenche o login, pra agiliza, ta assim: $("#inputdonome").blur(function(){ $("#login").val($(this).val()); }); só que to com problema de nome repetido, então vou muda ao invés de preenche automático com nome, preenche com EMAIL, porém tem como preenche automático o login só q para antes de chega no '@' ai ficaria assim:
E-mail: contato2019@site.com.br
Login: contato2019 -
Por Kaique Pocius
Boa tarde
Estou com uma duvida
Tenho este código de exemplo
$cores = "vermelho/verde/azul";
$separa = explode("/", $cores);
foreach($separa AS $cor) {
echo "$cor<br>";
Esse código separa a string e exibe ela na tela sem as barras
Mas eu gostaria que as cores aparecessem em um Select e cada uma das cores fosse uma opção diferente.
-
Por ribeiro3001
Olá amigos!
Sou novo no fórum e desculpem se postei errado.
Gostaria de uma orientação no código que estou implementando, tenho 3 combos departamento, divisão e seção, e gostaria de ao selecionar a 1ª combo Departamento que já está preenchida, preencher a 2ª combo Divisão e ao preencher a 2ª combo divisão , preencher a 3ª combo seção, consegui implementar o preenchimento da 2ª combo Divisão através de um evento, mas não estou conseguindo, fazer o mesmo para o preenchimento da 3ª combo seção.Se algum amigo mais experiente puder me orientar ficarei muito grato. segue o código em JavaScript para melhor analise dos amigos .Desde já agradeço a atenção dos amigos e um grande abraço.
var Cofipa = Cofipa|| {}; Cofipa.ComboDepartamento = (function() { // criei o objeto departamento function ComboDepartamento() { this.combo = $('#departamento'); this.emitter = $({}); this.on = this.emitter.on.bind(this.emitter); // lanço um evento através do emitter } ComboDepartamento.prototype.iniciar = function() { // this.combo.on('change', onDepartamentoAlterado.bind(this)); } function onDepartamentoAlterado() { this.emitter.trigger('alterado', this.combo.val()); } return ComboDepartamento; }()); Cofipa.ComboDivisao = (function() { function ComboDivisao(comboDepartamento) { this.comboDepartamento = comboDepartamento; this.combo = $('#divisao'); this.imgLoading = $('.js-img-loading'); } ComboDivisao.prototype.iniciar = function() { reset.call(this); this.comboDepartamento.on('alterado', onDepartamentoAlterado.bind(this)); } function onDivisaoAlterada() { this.emitter.trigger('alterado', this.combo.val()); } function onDepartamentoAlterado(evento, codigoDepartamento) { console.log('departamento selecionado', codigoDepartamento) if (codigoDepartamento) { var resposta = $.ajax({ url: this.combo.data('url'), method: 'GET', contentType: 'application/json', data: { 'departamento': codigoDepartamento}, beforeSend: iniciarRequisicao.bind(this), complete: finalizarRequisicao.bind(this) }); resposta.done(onBuscarDivisoesFinalizada.bind(this)); } else { reset.call(this); } } function onBuscarDivisoesFinalizada(divisoes) { var options = []; divisoes.forEach(function(divisao) { //console.log('divisoes', divisao) options.push('<option value"' + divisao.codigo + '">' + divisao.nome + '</option>'); }); this.combo.html(options.join('')); this.combo.removeAttr('disabled'); } function reset() { this.combo.html('<option value="">Selecione a divisao</option>'); this.combo.val(''); this.combo.attr('disabled', 'disabled'); } function iniciarRequisicao() { reset.call(this); this.imgLoading.show(); } function finalizarRequisicao() { this.imgLoading.hide(); } return ComboDivisao; // até aqui consigo preencher a combo divisão. }()); Cofipa.ComboSecao = (function() { function ComboSecao(comboDivisao) { // daqui em diante não consigo pegar o id(codigoDivisão) this.comboDivisao = comboDivisao; this.combo = $('#secao'); this.imgLoading = $('.js-img-loading'); } ComboSecao.prototype.iniciar = function() { reset.call(this); this.comboDivisao.on('alterado', onDivisaoAlterada.bind(this)); } function onDivisaoAlterada(evento, codigoDivisao) { console.log('divisao selecionado', codigoDivisao) // aqui mostra apenas o nome não o código if (codigoDivisao) { var resposta = $.ajax({ url: this.combo.data('url'), method: 'GET', contentType: 'application/json', data: { 'divisao': codigoDivisao}, beforeSend: iniciarRequisicao.bind(this), complete: finalizarRequisicao.bind(this) }); resposta.done(onBuscarSecoesFinalizada.bind(this)); } else { reset.call(this); } } function onBuscarSecoesFinalizada(secoes) { var options = []; secoes.forEach(function(secao) { console.log('secoes', secao) options.push('<option value"' + secao.codigo + '">' + secao.nome + '</option>'); }); this.combo.html(options.join('')); this.combo.removeAttr('disabled'); } function reset() { this.combo.html('<option value="">Selecione a secao</option>'); this.combo.val(''); this.combo.attr('disabled', 'disabled'); } function iniciarRequisicao() { reset.call(this); this.imgLoading.show(); } function finalizarRequisicao() { this.imgLoading.hide(); } return ComboSecao; }()); $(function() { var comboDepartamento = new Cofipa.ComboDepartamento(); comboDepartamento.iniciar(); var comboDivisao = new Cofipa.ComboDivisao(comboDepartamento); comboDivisao.iniciar(); var comboSecao = new Cofipa.ComboSecao(comboDivisao); comboSecao.iniciar(); });
-
Por joelzsbit
Pessoal tenho o seguinte código:
<body> <label for="cadastro">Cadastro</label> <select id="cadastro" name="cadastro" id=""> <?php $busca_segura = $PDO_con->prepare("SELECT * FROM tb_cad_pf WHERE excluido != 'sim' "); $busca_segura->execute(); if ($busca_segura == 1) { while ($dados= $busca_segura->fetch(PDO::FETCH_ASSOC)) { $opt .= '<option value="' . $dados['id_cad_pf'] . '">' . $dados['nome'] . '</option>'; } } else { $opt = '<option value="0">Nenhum cliente cadastrado</option>'; } echo $opt; ?> </select> <label for="nome">Nome</label> <input type="text" id="nome" placeholder="nome" value=""/> <label for="sobrenome">Sobrenome</label> <input type="text" id="sobrenome" placeholder="sobrenome" value=""/> <label for="login">Login</label> <input type="text" id="login" placeholder="login" value=""/> <script> var nomes = ["", "Tiago", "Rafael", "Marcos", "Tatiane", "Luana"]; var sobrenomes = ["", "Pereira", "Silva", "Grilhones", "Nascimento", "Piovani"]; var logins = ["", "tiago_pereira", "rafael_01", "marcos.g2", "taty2017", "luana10"]; document.getElementById("cadastro").addEventListener('change', function () { document.getElementById("nome").value = nomes[this.selectedIndex]; document.getElementById("sobrenome").value = sobrenomes[this.selectedIndex]; document.getElementById("login").value = logins[this.selectedIndex]; }); </script> </body> Ao selecionar um id no select me retorna o respectivo nome, sobrenome e login nos referidos inputs. Por exemplo se eu selecionar o 3 id ele vai preencher os inputs nome: Rafael, Sobrenome: Silva e login: rafael_01. Até ai tudo bem, esta funcionando.
A duvida é como que faço para que no "var nomes", "var sobrenomes" e "var logins" vir direto do banco de acordo com o id escolhido?
-
Por joelzsbit
Pessoal tenho o seguinte código:
<body> <label for="cadastro">Cadastro</label> <select id="cadastro" name="cadastro" id=""> <?php $busca_segura = $PDO_con->prepare("SELECT * FROM tb_cad_pf WHERE excluido != 'sim' "); $busca_segura->execute(); if ($busca_segura == 1) { while ($dados= $busca_segura->fetch(PDO::FETCH_ASSOC)) { $opt .= '<option value="' . $dados['id_cad_pf'] . '">' . $dados['nome'] . '</option>'; } } else { $opt = '<option value="0">Nenhum cliente cadastrado</option>'; } echo $opt; ?> </select> <label for="nome">Nome</label> <input type="text" id="nome" placeholder="nome" value=""/> <label for="sobrenome">Sobrenome</label> <input type="text" id="sobrenome" placeholder="nome" value=""/> <label for="login">Login</label> <input type="text" id="login" placeholder="nome" value=""/> <script> var nomes = ["", "Tiago", "Rafael", "Marcos", "Tatiane", "Luana"]; var sobrenomes = ["", "Pereira", "Silva", "Grilhones", "Nascimento", "Piovani"]; var logins = ["", "tiago_pereira", "rafael_01", "marcos.g2", "taty2017", "luana10"]; document.getElementById("cadastro").addEventListener('change', function () { document.getElementById("nome").value = nomes[this.selectedIndex]; document.getElementById("sobrenome").value = sobrenomes[this.selectedIndex]; document.getElementById("login").value = logins[this.selectedIndex]; }); </script> </body> Ao selecionar um id no select me retorna o respectivo nome, sobrenome e login nos referidos inputs. Por exemplo se eu selecionar o 3 id ele vai preencher os inputs nome: Rafael, Sobrenome: Silva e login: rafael_01. Até ai tudo bem, esta funcionando.
A duvida é como que faço para que no "var nomes", "var sobrenomes" e "var logins" vir direto do banco de acordo com o id escolhido?
-
