Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jessi_1412

if para "varer" o option

Por , em Javascript

Recommended Posts

Jessi_1412    0

Jessi_1412
Postado

Seguinte galera. Sou nova na area e estou com mtas dificuldades para fazer o seguinte:

1° Fiz uma script em javascript para criar diversas copias do meu option.Até ai tudo bem, copias efetudas com sucesso.
2° Preciso fazer um if em javascript para percorre cada option copiado e deixar a mostra na primeira linha uma frase diferente para cada option.
Pensei o seguinte:

If que "vara o option"
Procurando a frase x em um option qualquer
Achou a frase x no option acrescenta um selected, para que a frase apareça como primeira opção da option.

 

Alguem pode me ajudar nisso???

 

Espero que tenha cido clara.

 

Desde já grata

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jessi_1412    0

Jessi_1412
Postado

Bom dia.

Lucas é o seguinte tinha uma pagina que carregava inteira em php, com muitos dados e a mesma demorava 6 minutos para completar o carregamento.

Então foi designado a mim arrumá-la.

Então fui obrigada criar um script que copiava todos os ptions. Ou seja o código só faz a requisição ao servidor uma unica vez, as outras options são gerada por um script de copia. Abaixo.
<script>
$(document).ready(function(){
//Copia valor da Linha1.Classe
var Copiar=$("#Linha1.Original").html();
//Clona o valor da Linha 1 para a Classe Clonar
$(".Clonar").append(Copiar);
});
</script>

Feito isso tenho uma pagina com todas as options iguais que era realmente essa a intenção. Porém no código antigo, cada option iniciava como uma option diferente.

Exemplo:
O primeiro option. Digamos que ele comece com a frase1, como os demais otions são copias todos começam com a frase 1.
<tr>
<td>Teste1</td>
<td class="Original" id="Linha1">
<select id="MaxAlarme3">
<option value="02">Frase1</option>
<option value="03">Frase2</option>
<option value="0" >Frase3</option>
<option value="04" >Frase4</option>
</select>
</td>
</tr>

Porém gostaria que a copia 2 começa-se com a frase4.

Obs: O meu cenário é o seguinte, uma pagina de um adm que armazena dados de um sensor. Infelizmente não posso postar o código antigo nem o atual devido politicas da empresa.
Será que vc consegue me ajudar?

Grata no aguardo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jessi_1412    0

Jessi_1412
Postado

Kkkkkkkkkkkkkkkkkkkkk, seguinte tenho esse html de teste.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Teste-Clonar</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</head>

 

<body>

<table cellpadding="10" cellspacing="10" border="1">

 

<tr>

<td>Lixo01</td>

<td class="Original" id="Linha1" >

<select id="MaxAlarme3">

<option value="02">Teste1</option>

<option value="03">Teste2</option>

<option value="0" >Teste3</option>

<option value="04" >Teste4</option>

</select>

 

</td>

</tr>

<tr>

<td>Lixo02 teste</td>

<td class="Clonar" id="Linha2"></td>

</tr>

<tr>

<td>Lixo03 value 05</td>

<td class="Clonar" id="Linha3">

 

</td>

</tr>

<tr>

<td>Lixo04</td>

<td class="Clonar" id="Linha4"></td>

</tr>

<tr>

<td>Lixo05</td>

<td class="Clonar" id="Linha5"></td>

</tr>

 

<tr>

<td>Lixo06</td>

<td class="Clonar" id="Linha6"></td>

</tr>

 

 

</table>

</body>

</html>

 

<script>

//variavle contar o tamanho das copias

$(document).ready(function(){

//Copia valor da Linha1.Classe

var Copiar=$("#Linha1.Original").html();

//Clona o valor da Linha 1 para a Classe Clonar

$(".Clonar").append(Copiar);

});

 

</script>

 

Essa pagina faz copia dos meu options. Note que todas as options copiadas estão com a 1° frase iguais, o que eu quero é que cada copia do option tenha a 1° frase diferente. Entendeu?

 

Desculpa não saber explicar bem :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jessi_1412    0

Jessi_1412
Postado

Vê se eu entendi. Você queria somente copiar a option e não a frase?

 

Ao copiar o option ele copia a frase dentro da option é isso?

 

Se for isso, o que você quer escrever na frase do option?

 

 

Não eu queria copiar td mesmo, e esta copiando como vc pode ver no html que postei.

o que eu quero agora e achar um jeito de cada option copia ter a 1° frase diferente.

Queria criar uma forma de escolher a option que quero que apareça em cada uma tipo esse codigo.

 

<html>

<body>

 

<select id="opcoes">

<option>Teste1</option>

<option>Teste2</option>

<option>Teste3</option>

<option>Teste4</option>

<option>Teste5</option>

<option>Teste6</option>

<option>Teste7</option>

<option>Teste8</option>

<option>Teste9</option>

</select>

 

<script>

 

$(document).ready(function() {

// frase que desejo localizar

var frase = "Teste8",

//localizado = null;

 

// loop que percorre cada uma das opções

// e verifica se a frase da opção confere com o

// valor de fase que está sendo procurado

$('#opcoes option').each(function() {

// se localizar a frase, define o atributo selected

if($(this).text() == frase) {

$(this).attr('selected', true);

}

}

});

</script>

 

</body>

</html>

 

Mas esse não funciona e eu não to conseguindo arrumar. :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jessi_1412    0

Jessi_1412
Postado

ss

 

Não eu queria copiar td mesmo, e esta copiando como vc pode ver no html que postei.

o que eu quero agora e achar um jeito de cada option copia ter a 1° frase diferente.

Queria criar uma forma de escolher a option que quero que apareça em cada uma tipo esse codigo.

 

<html>
<body>

<select id="opcoes">
<option>Teste1</option>
<option>Teste2</option>
<option>Teste3</option>
<option>Teste4</option>
<option>Teste5</option>
<option>Teste6</option>
<option>Teste7</option>
<option>Teste8</option>
<option>Teste9</option>
</select>

<script>

$(document).ready(function() {
// frase que desejo localizar
var frase = "Teste8",
//localizado = null;

// loop que percorre cada uma das opções
// e verifica se a frase da opção confere com o
// valor de fase que está sendo procurado
$('#opcoes option').each(function() {
// se localizar a frase, define o atributo selected
if($(this).text() == frase) {
$(this).attr('selected', true);
}
}
});
</script>

</body>
</html>

 

Mas esse não funciona e eu não to conseguindo arrumar. :(

 

Ops esta funcionando sim kkkk. Bom acho que é isso que eu preciso agora vou tentar adaptar por meu codigo que da ate medo de olhar.

 

Vou postar ele certinho para caso tenta um problema parecido com o meu kkkk.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste-Clonar</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$(document).ready(function() {
// frase que desejo localizar
var frase = "Lorem ipsum Dolore Excepteur esse aliquip Duis eu.",
localizado = null;

// loop que percorre cada uma das opções
// e verifica se a frase da opção confere com o
// valor de fase que está sendo procurado
$('#opcoes option').each(function() {
// se localizar a frase, define o atributo selected
if($(this).text() == frase) {
$(this).attr('selected', true);
}
});
});
</script>





</head>

<body>
<select id="opcoes">
<option>Selecione</option>
<option>Lorem ipsum Cupidatat sunt exercitation fugiat Excepteur.</option>
<option>Lorem ipsum Elit sint velit nostrud minim quis.</option>
<option>Lorem ipsum Id cillum est dolor.</option>
<option>Lorem ipsum Irure Ut veniam cupidatat dolor culpa.</option>
<option>Lorem ipsum Pariatur et Duis cupidatat.</option>
<option>Lorem ipsum Esse laboris veniam irure eu irure.</option>
<option>Lorem ipsum Anim eu culpa magna quis irure.</option>
<option>Lorem ipsum Dolore Excepteur esse aliquip Duis eu.</option>
<option>Lorem ipsum Duis ut velit non.</option>
</select>



</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito