Ir para conteúdo

POWERED BY:

Arquivado

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

Biel.

renomear item do select na tela e não no codigo

Por , em Javascript

Recommended Posts

Biel.    9

Biel.
Postado
Boa noite a todos. Direto ao ponto. Pessoal o select abaixo quando visualizado no browser; só me dar a possibilidade de selecionar um item qualquer. Até aqui tudo bem. Suponha que estou com o browser aberto e selecionei o item2 , e agora quero renomear o item2 por aprendiz2 , como faço?
NOTA: Gostaria de renomear o item2 por aprendiz2 na tela e não no codigo
<select name="tete" required  >
  <option value="" selected="selected"></option>
  <option> item1</option>
  <option> item2</option>
  <option> item3</option>
</select>

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

É possível sim, utilizando o each() por exemplo

Pra que?

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

<select name="tete" id="tete" >
	<option value="" selected="selected"></option>
	<option> item1</option>
	<option> item2</option>
	<option> item3</option>
</select>

<button id="act-btn">Trocar</button>


<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript">
	$(document).ready(function() {
		
		$( "#act-btn" ).bind( "click", function() {
			
			//Percorre todos os Options do seletor (id="tete")
			$( "#tete option" ).each(function() {

				//Verifica se ele mesmo (option, atributo text <label>O que está aqui é .text()</label>
				//se o text é item 2...
				if($( this ).text() == ' item2'){
				
					//Utiliza um setter
					$( this ).text('aprendiz2');
				}
			});
		
			
		});
		
	});


</script>
	






</body>
</html>

Live:

https://fiddle.jshell.net/u96d4eus/

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