concatenação de variaveis no jquery
Aspirante
uma solução para concatenação de uma variavel com uma tag no jquery
ex:
$(document).ready(function(){
$("option[name=teste]").click(function(){
id=$(this).attr('id');
nome=$(this).val();
$("select[name=teste2]").append('<option id="id">nome</option>');
});
não funciona!
porém no option me retorna nome ao inves do conteudo da variavel nome,
se alguem puder me ajudar agradeço
});
Ruan Carlos
var a = "teste";
var b = " de concatenação"
var c = a + b + " teste":
resultado de c = teste de concatenação teste :)
--
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.
--
-----------------------------------------------------------------
Ruan Carlos
@ruanltbg
www.ruancarlos.com.br
Desenvolvedor web
Leo Balter
$("select[name=teste2]").append('<option id="'+id+'">'+nome+'</option>');
seria isso? você passou uma string nome invés da variável nome...
Particularmente prefiro o .appendTo que tem ordem diferente e a funcionalidade é melhor quando se faz append de elementos que estão sendo criados. Ficaria:
$('<option id="'+id+'">'+nome+'</option>').appendTo('select[name="teste2"]');
Sinceramente esse lance aí com a option de mesma id é um pouco tenso, mudaria seu esquema...
--
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.
--
At,
Leo Balter
http://blog.leobalter.net
Leo Balter
http://jsbin.com/ocuya3/2
Pra ver o código:
http://jsbin.com/ocuya3/2/edit
Agora lembre-se de alguns detalhes:
O evento vai se manter, sempre mandar um novo option pro select selecionado.
Todo novo option está chegando com id igual. Isso é ótimo pra dar merda, até com jQuery. Não validar seu código é pouco.
O evento só acontece para o elemento com id existente no início. Você poderia usar um live, mas se tratando de id igual ia dar pau no jquery.
Quando repetir elementos use classe invés de id, essas devem ser únicas para cada elemento.
Prefira selecionar elementos, prefira selecionar por id ou classe sempre que possível, evite selecionar por outros atributos.
Tanure
Ricardo Tomasi
$('<option />', {
id: id,
text: nome,
val: '123'
}).appendTo('#teste2');
é recomendado usar id igual ao name pra evitar confusão.
On Feb 10, 11:27 pm, Leo Balter <leonardo.bal...@gmail.com> wrote:
> Tenta:
>
> $("select[name=teste2]").append('<option id="'+id+'">'+nome+'</option>');
>
> seria isso? você passou uma string nome invés da variável nome...
>
> Particularmente prefiro o .appendTo que tem ordem diferente e a
> funcionalidade é melhor quando se faz append de elementos que estão sendo
> criados. Ficaria:
>
> $('<option
> id="'+id+'">'+nome+'</option>').appendTo('select[name="teste2"]');
>
> Sinceramente esse lance aí com a option de mesma id é um pouco tenso,
> mudaria seu esquema...
>
> Em 10 de fevereiro de 2010 18:53, Aspirante <marconi...@gmail.com> escreveu:
>
>
>
>
>
> > pessoal tive procurando na documentação de jquery e não consegui achar
> > uma solução para concatenação de uma variavel com uma tag no jquery
>
> > ex:
>
> > $(document).ready(function(){
>
> > $("option[name=teste]").click(function(){
>
> > id=$(this).attr('id');
> > nome=$(this).val();
>
> > $("select[name=teste2]").append('<option id="id">nome</option>');
>
> > });
>
> > não funciona!
> > porém no option me retorna nome ao inves do conteudo da variavel nome,
> > se alguem puder me ajudar agradeço
>
> > });
>
> > --
> > Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery
> > (Brasil)" dos Grupos do Google.
> > Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
> > Para cancelar a inscrição nesse grupo, envie um e-mail para
> > jquery-br+...@googlegroups.com<jquery-br%2Bunsubscribe@googlegroups .com>
Marconi César
"Leo" vou tentar fazer e já te digo se funcionou.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
--
Obrigado por sua mensagem, assim que possivel estarei retornando!
Marconi César
http://divulgarsite.com - dicas de divulgação de site.
http://baixeja.in - downloads full
José Henrique
cômodo, mas só se aplicaria se existir apenas um objeto com o referido
id. Veja a especificação da W3C
(http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#id-and-class):
id = name [CS]
This attribute assigns a name to an element. This name must be unique
in a document.
class = cdata-list [CS]
This attribute assigns a class name or set of class names to an
element. Any number of elements may be assigned the same class name or
names. Multiple class names must be separated by white space
characters.
Ou seja, se você quer gerar páginas que o obedeçam o padrão W3C para
HTML, então os ids devem ser únicos para cada elemento. Isso também
facilita e agiliza a seleção de elementos, já que a utilização do id
busca o diretamente o elemento, ao invés de fazer uma busca mais
genérica e depois filtrar o resultado.
Zénrique.
Em 11 de fevereiro de 2010 00:19, Ricardo Tomasi
<ricar...@gmail.com> escreveu:
> Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Tanure
--
Luiz Tanure
www.tanure.com
472f5a3aedb906cb767acdbdeaca6d8f
José Henrique
uma certa autoridade. Talvez ele quisesse dizer é aconselhável. E o
exemplo também não foi muito feliz, afinal option não tem atributo
name. Nesse caso o select é que tem.
Zénrique.
Marconi César
$("option[class=lista]").click(function(){
valor=$(this).attr('id');
value=$(this).val();
$("select[name=materiais]").append('<option class="lista2" id="'+valor+'" value="'+value+'">'+valor+'</option>');
});// click dos primeiros option
se eu utilizar
$("option[class=lista2]").click(function(){}); --> option gerado mais acima com a class=lista2 ele não captura o click então tava tentando capturar o click do select mais abaixo:
$("select[name=materiais]").click(function(){
valor2=$(this).option[attr='id']; // e pegar o id do option selecionado
alert(valor2);
/* $("select[name=materiais]").find('option[id=valor2]').remove();*/
});
});
já tentei selectedIndex, mais não consegui pegar o id dele que mais abaixo vou usa-lo para exclui-lo.
sabe me dizer a sintaxe correta?
Marconi César
Confesso que não entendi muito bem, pois os options do segundo select são as copias do primeiro, o click no primeiro funciona e porque o segundo não?
--
Obrigado por sua mensagem, assim que possivel estarei retornando!
Marconi César
http://divulgarsite.com - dicas de divulgação de site.
http://baixeja.in - downloads full
Leo Balter
Para abrangir elementos que existem e que vão existir você pode utilizar o método .live() (veja mais na documentação do jquery) que funciona com o click.
Outros métodos com relação que podem ser úteis para aprofundar a leitura: .one(), .unbind() e .die()
Particularmente o .live() é meu método favorito no jQuery, mas ainda não aborda todos os eventos suportados.
Uma melhoria: seus seletores com: ('option[class=lista]') podem ser alterados para ('option.lista') (todos options com class = lista) e até ('.lista') que muda todos os elementos com class = lista.
E vai por mim, appendTo tem funcionamento melhor. :)
Leo, deu certo mais agora o probleminha é outro:
$("option[class=lista]").click(function(){
valor=$(this).attr('id');
value=$(this).val();
$("select[name=materiais]").append('<option class="lista2" id="'+valor+'" value="'+value+'">'+valor+'</option>');
});// click dos primeiros option
se eu utilizar
$("option[class=lista2]").click(function(){}); --> option gerado mais acima com a class=lista2 ele não captura o click então tava tentando capturar o click do select mais abaixo:
$("select[name=materiais]").click(function(){
valor2=$(this).option[attr='id']; // e pegar o id do option selecionado
alert(valor2);
/* $("select[name=materiais]").find('option[id=valor2]').remove();*/
});
});
já tentei selectedIndex, mais não consegui pegar o id dele que mais abaixo vou usa-lo para exclui-lo.
sabe me dizer a sintaxe correta?
--
Marconi César
if e else ?
--
Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.
Marconi César
Marconi César
Marconi César
criar uma variavel
nome=find(option.lista2).attr('id');
e depois utilizar,
if(nome == false){
insere os options
}
porém sempre me retorna false, mesmo quando já existe option inseridos no segundo select
alguem pode me dar uma mãozinha?
Marconi César
--
--
Da uma olhada nesses sites:
http://divulgarsite.com - saiba como criar, divulgar e monetizar seu site.
http://webajuda.net - dicas, tutoriais, cursos.
http://baixeja.in - downloads, filmes, mp3, jogos, programas.
http://muitagrana.in - aprenda ganhar dinheiro na internet.
Leo Balter
$('document').find
ou até pra refinar um pouco:
nome = $('select').find('option.lista2') ...
Marconi César
existir=$('#materiais').find('option.lista2');
alert(existir);
mais me retorno object:Object no alert, estando ou nao as option no segundo select
Leo Balter
você pode usar os métodos do jquery nessa variável existir, como existir.val(), etc...
Marconi César
<script type="text/javascript">
$(document).ready(function(){
$("option[class=lista]").click(function(){
valor=$(this).attr('name');
ident=$(this).attr('id');
existir=$('#materiais').find('#'+ident+'').attr('id');
if(existir != ident){
$("select[name=materiais]").append('<option class="lista2" name="'+valor+'" id="'+ident+'">'+valor+'</option>');
}
});// click dos primeiros option
valor2=$(this).attr('id');
$("select[name=materiais]").find('option[id='+valor2+']').remove();
});
});
</script>
mais uma vez quero agradecer a importancia que todos deram.. valew pessoal!
Leo Balter
valor2=$(this).attr('id');
$("select[name=materiais]").find('option[id='+valor2+']').remove();
não da pra trocar por $(this).remove(); ????
Ricardo Tomasi
mas só estava reproduzindo o que foi pedido!
Não vejo diferença entre "aconselhável" e "recomendado", fora
"recomendação" remeter ao w3c (que não foi mencionado). O caso é que,
não sei a quantas anda nos navegadores atuais, mas o valor padrão na
hora de enviar o form poderia variar - um browser pegando o ID, o
outro o name. Vamos deixar como "boa prática" então :)
abs,
-- ricardo
On 11 fev, 10:42, José Henrique <jhr...@gmail.com> wrote:
> Bem, quando alguém diz que algo "é recomendado", reveste sua frase de
> uma certa autoridade. Talvez ele quisesse dizer é aconselhável. E o
> exemplo também não foi muito feliz, afinal option não tem atributo
> name. Nesse caso o select é que tem.
>
> Zénrique.
>
Ricardo Tomasi
esse código não faz muito sentido, principalmente a parte do
"existir". Tu está verificando se o elemento que tu acabou de clicar
existe (?). E parece que tu está usando IDs repetidas.
Se quiser envia o HTML disso também (pelo jsbin.com ou jsfiddle.net)
para o pessoal ajudar a dar uma otimizada no código, pra te evitar
problemas futuros, e finalizarmos esse tópico com boas práticas :)
abs,
-- ricardo
On 11 fev, 17:53, Marconi César <marconi...@gmail.com> wrote:
> Pessoal consegui fazer direitinho aqui ta o código completo:
>
> <script type="text/javascript">
> $(document).ready(function(){
>
> $("option[class=lista]").click(function(){
> valor=$(this).attr('name');
> ident=$(this).attr('id');
> existir=$('#materiais').find('#'+ident+'').attr('id');
> if(existir != ident){
> $("select[name=materiais]").append('<option
> class="lista2" name="'+valor+'" id="'+ident+'">'+valor+'</option>');
> }
>
> });// click dos primeiros
> option
>
> $("option.lista2").live("click" , function(){
> valor2=$(this).attr('id');
>
> $("select[name=materiais]").find('option[id='+valor2+']').remove();
>
> });
>
> });
> </script>
>
> mais uma vez quero agradecer a importancia que todos deram.. valew pessoal!
>
> Em 11 de fevereiro de 2010 16:54, Leo Balter
> <leonardo.bal...@gmail.com>escreveu:
>
>
>
>
>
> > retornou um objeto jQuery que são todos os options encontrados pelo seu
> > seletor.
>
> > você pode usar os métodos do jquery nessa variável existir, como
> > existir.val(), etc...
>
> > Em 11 de fevereiro de 2010 16:52, Marconi César <marconi...@gmail.com>escreveu:
>
> > tentei isto dentro da função que captura o click
>
> >> existir=$('#materiais').find('option.lista2');
> >> alert(existir);
>
> >> mais me retorno object:Object no alert, estando ou nao as option no
> >> segundo select
>
> >> Em 11 de fevereiro de 2010 16:07, Leo Balter <leonardo.bal...@gmail.com>escreveu:
>
> >> lembra de especificar o jQuery antes do find:
>
> >>> $('document').find
>
> >>> ou até pra refinar um pouco:
>
> >>> nome = $('select').find('option.lista2') ...
>
> >>> Em 11 de fevereiro de 2010 16:00, Marconi César <marconi...@gmail.com>escreveu:
>
> >>> tentei fazer o seguinte
>
> >>>> criar uma variavel
>
> >>>> nome=find(option.lista2).attr('id');
>
> >>>> e depois utilizar,
>
> >>>> if(nome == false){
>
> >>>> insere os options
>
> >>>> }
>
> >>>> porém sempre me retorna false, mesmo quando já existe option inseridos
> >>>> no segundo select
>
> >>>> alguem pode me dar uma mãozinha?
>
> >>>> Em 11 de fevereiro de 2010 12:20, Marconi César <marconi...@gmail.com>escreveu:
>
> >>>>> ahh sim e esqueci de mencionar com o .live() funcionou bacana!
>
> >>>>> Em 11 de fevereiro de 2010 12:20, Marconi César <marconi...@gmail.com>escreveu:
>
> >>>>> Leo, muitissimo obrigado!, se naum for incomodar muito você poderia me
> >>>>>> dar uma luz pra eu fazer uma condição de inclusão do option, tipo se ja
> >>>>>> existir um option com o mesmo id no select 2 e não inserir?
>
> >>>>>> if e else ?
>
> >>>>>> Em 11 de fevereiro de 2010 11:02, Leo Balter <
> >>>>>> leonardo.bal...@gmail.com> escreveu:
>
> >>>>>> O evento é atribuído aos elementos existentes no momento que é
> >>>>>>> executado o método respectivo (.click()) pela primeira vez.
>
> >>>>>>> Para abrangir elementos que existem e que vão existir você pode
> >>>>>>> utilizar o método .live() (veja mais na documentação do jquery) que funciona
> >>>>>>> com o click.
>
> >>>>>>> Outros métodos com relação que podem ser úteis para aprofundar a
> >>>>>>> leitura: .one(), .unbind() e .die()
>
> >>>>>>> Particularmente o .live() é meu método favorito no jQuery, mas ainda
> >>>>>>> não aborda todos os eventos suportados.
>
> >>>>>>> Uma melhoria: seus seletores com: ('option[class=lista]') podem ser
> >>>>>>> alterados para ('option.lista') (todos options com class = lista) e até
> >>>>>>> ('.lista') que muda todos os elementos com class = lista.
>
> >>>>>>> E vai por mim, appendTo tem funcionamento melhor. :)
>
> >>>>>>> Em 11 de fevereiro de 2010 10:24, Marconi César <
> >>>>>>> marconi...@gmail.com> escreveu:
> >>>>>>> jquery-br+...@googlegroups.com<jquery-br%2Bunsubscribe@googlegroups .com>
> >>>>>>> .
> >>>>>>> Para obter mais opções, visite esse grupo em
> >>>>>>>http://groups.google.com/group/jquery-br?hl=pt-BR.
>
> >>>>>> --
> >>>>>> Obrigado por sua mensagem, assim que possivel estarei retornando!
>
> >>>>>> Marconi César
> >>>>>>http://divulgarsite.com- dicas de divulgação de site.
> >>>>>>http://baixeja.in- downloads full
>
> >>>>> --
> >>>>> Obrigado por sua mensagem, assim que possivel estarei retornando!
>
> >>>>> Marconi César
> >>>>>http://divulgarsite.com- dicas de divulgação de site.
> >>>>>http://baixeja.in- downloads full
>
> >>>> --
> >>>> Marconi César
> >>>> --
> >>>> --
> >>>> Da uma olhada nesses sites:
>
> >>>>http://divulgarsite.com- saiba como criar, divulgar e monetizar seu
> >>>> site.
> >>>>http://webajuda.net- dicas, tutoriais, cursos.
> >>>>http://baixeja.in- downloads, filmes, mp3, jogos, programas.
> >>>>http://muitagrana.in- aprenda ganhar dinheiro na internet.
>
> >>>> --
> >>>> Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery
> >>>> (Brasil)" dos Grupos do Google.
> >>>> Para postar neste grupo, envie um e-mail para
> >>>> jque...@googlegroups.com.
> >>>> Para cancelar a inscrição nesse grupo, envie um e-mail para
> >>>> jquery-br+...@googlegroups.com<jquery-br%2Bunsubscribe@googlegroups .com>
> >>>> .
> >>>> Para obter mais opções, visite esse grupo em
> >>>>http://groups.google.com/group/jquery-br?hl=pt-BR.
>
> >>> --
> >>> At,
> >>> Leo Balter
> >>>http://blog.leobalter.net
>
> >>> --
> >>> Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery
> >>> (Brasil)" dos Grupos do Google.
> >>> Para postar neste grupo, envie um e-mail para jque...@googlegroups.com
> >>> .
> >>> Para cancelar a inscrição nesse grupo, envie um e-mail para
> >>> jquery-br+...@googlegroups.com<jquery-br%2Bunsubscribe@googlegroups .com>
> >>> .
> >>> Para obter mais opções, visite esse grupo em
> >>>http://groups.google.com/group/jquery-br?hl=pt-BR.
>
> >> --
> >> Marconi César
> >> --
> >> --
> >> Da uma olhada nesses sites:
>
> >>http://divulgarsite.com- saiba como criar, divulgar e monetizar seu
> >> site.
> >>http://webajuda.net- dicas, tutoriais, cursos.
> >>http://baixeja.in- downloads, filmes, mp3, jogos, programas.
> >>http://muitagrana.in- aprenda ganhar dinheiro na internet.
>
> >> --
> >> Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery
> >> (Brasil)" dos Grupos do Google.
> >> Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
> >> Para cancelar a inscrição nesse grupo, envie um e-mail para
> >> jquery-br+...@googlegroups.com<jquery-br%2Bunsubscribe@googlegroups .com>
> >> .
> >> Para obter mais opções, visite esse grupo em
> >>http://groups.google.com/group/jquery-br?hl=pt-BR.
>
> > --
> > At,
> > Leo Balter
> >http://blog.leobalter.net
>
> > --
> > Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery
> > (Brasil)" dos Grupos do Google.
> > Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
> > Para cancelar a inscrição nesse grupo, envie um e-mail para
> > jquery-br+...@googlegroups.com<jquery-br%2Bunsubscribe@googlegroups .com>
> > .
> > Para obter mais opções, visite esse grupo em
> >http://groups.google.com/group/jquery-br?hl=pt-BR.
>
> --
> Marconi César
> --
> --
> Da uma olhada nesses sites:
>
> http://divulgarsite.com- saiba como criar, divulgar e monetizar seu site.http://webajuda.net- dicas, tutoriais, cursos.http://baixeja.in- downloads, filmes, mp3, jogos, programas.http://muitagrana.in- aprenda ganhar dinheiro na internet.