Ir para conteúdo

POWERED BY:

Arquivado

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

Biel.

manter o item que foi selecionado visível no select

Por , em Javascript

Recommended Posts

Biel.    9

Biel.
Postado
Boa tarde a todos . direto ao ponto. Pessoal o código php abaixo exibe na tela o item que foi selecionado.
Gostaria que o código abaixo fizesse duas coisas:
Exibir na tela o item que foi selecionado e manter o item que foi selecionado visível no select
Como não entendo nada de javascript não postei nada porque não sei por onde começar, mas gostaria de resolver esta tarefa em javascript
<form id="form1" name="form1" method="post" action="">
<select name="cursos" required onChange="this.form.submit()">
  <option value="" selected></option>
  <option value="voce selecionou php">voce selecionou php</option>
  <option value="voce selecionou css">voce selecionou css</option>
</select>
</form>

<?php 
if (isset($_POST["cursos"])) {	

if ($_POST['cursos'] == 'voce selecionou php'){ 
echo 'voce selecionou php';
} 

elseif ($_POST['cursos'] == 'voce selecionou css' ){ 
echo 'voce selecionou css';
}

}
?>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

Vejo quer você esta a utilizar php para gerar a pagina.

 

Neste caso você nem precisa do JS...

 

Se liga neste exemplo:

$selecionado = 3;
$selects = array(1,2,3,4,5);


echo '<select name="opcao" >';
foreach($selects as $select){
	if($select == $selecionado){
		echo "<option value='$select' selected='selected'>Opção - $select</option>";
	} else {
		echo "<option value='$select'>Opção - $select</option>";
	}
	
	
}

echo '</select>';

Durante a geração do select ocorre uma verificação, para ver se a opção já esta previamente setada.

Caso já esteja, se coloca a propriedade selected='selected' do html.

 

Porem caso queira um exemplo com JavaScript + PHP:

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



<select name="box-selecao" id="box-selecao">
	<option value="banana">banana</option>
	<option value="maca">maça</option>
	<option value="tomate">tomate</option>
</select>

<script src="jquery-1.10.2.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		<?php echo "var opcao_sel = 'maca';";?>
		$( "#box-selecao" ).val(opcao_sel);
	
		
	});


</script>


	
</body>
</html>

A função 

$(document).ready(function() {

fica monitorando a pagina + Jquery carregar 100%,

ao carregar ela é executada.

Neste caso criamos a variável no JavaScript pelo Php:

var opcao_sel = 'maca';

E setamos ela com o 'setter' do Jquery.

$( "#box-selecao" ).val(opcao_sel);

Desafio a você a fazer sem o Jquery!

@Dica: utilize a propriedade value do JavaScript.

 

Abraços.

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