Ir para conteúdo

POWERED BY:

Arquivado

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

Cemillen

Select com js

Por , em Javascript

Recommended Posts

Cemillen    0

Cemillen
Postado

Estou precisando saber o conteudo de 1 select que o usuário selecionou, por exemplo

 

se ele selecionar advertência, será aberto 1 div com "alguns" campos para ele marcar, caso ele selecione Afastamento, será mostrado outra div com outros campos referente a afastamento.

 

ai que está, não estou conseguindo pegar o valor e testar para poder mostrar determinada div (block ou none) da seleção que foi escolhida.

 

Alguém poderia me ajudar ?

 

 

Desde já agradeço

 

 

Abaixo postei o que "estou tendo dor de cabeça".

 

Vlw.

 

 

Christian

<!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=iso-8859-1" />
	<style type="text/css">
		.style14 {font-size: 12px; font-weight: bold; color: #19167D;}
	</style>
	<script type="text/javascript">
		function mudaMotivo()
		{
			//var motivo = document.getElementById('motivo').selected.value;
			//alert("");
			document.getElementById('afastamento').style.display = 'block';
		}
	</script>
</head>

<body>
	<table>
		<tr>
			<td>
				<table border="0" width="100%">
					<tr>
						<td height="70" background="http://200.103.97.74:8099/workflow/imagens/topo_04.gif">
							<img src="http://200.103.97.74:8099/workflow/imagens/topo_03.gif" width="600" height="66" />
						</td>
						<td height="30" background="http://200.103.97.74:8099/workflow/imagens/topo_04.gif">
							<img src="http://200.103.97.74:8099/workflow/imagens/jaepel.jpg" width="180" height="66">			
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table align="center" border="1">
					<tr>
						<th class="style14" width="120">Data</th>
						<th class="style14" width="220">Funcionario</th>
						<th class="style14" width="170">Função</th>
						<th class="style14" width="160">Horário Padrão</th>
						<th class="style14" width="120">Marcações</th>
						<th class="style14" width="50">N de Advertências</th>
						<th class="style14" width="80">Saldo B. de Horas</th>
						<th class="style14" >Motivo</th>
					</tr>
					<tr height="15">
						<td ></td>
						<td ></td>
						<td ></td>
						<td ></td>
						<td ></td>
						<td ></td>
						<td ></td>
						<td>
							<select id="motivo" onchange="mudaMotivo()">
								<option selected="selected"></option>
								<option value="advertencia">Advertencia</option>
								<option value="afastamento">Afastamento</option>
							</select>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr id="advertencia" style="display:none">
			<td>
				<table>
					<tr>
						<td>
							<span class="style14">Data: </span>
						</td>
						<td>
							<span class="style14">Motivo: </span>
						</td>
					</tr>
					<tr>
						<td>
							<input type="text" />					
						</td>
						<td>
							<input type="text" />
						</td>
					</tr>

				</table>
			</td>
		</tr>
		<tr id="afastamento" style="display:none">
			<td>		
				<table>
					<tr>
						<td>
							<span class="style14">Data de inclusão: </span>
							<input type="text" onkeypress="FormataData(this, event)" maxlength="8" name="%tb.dtinclu%" id="%tb.dtinclu%" value="%tb.dtinclu%">						
						</td>
						<td>
							<span class="style14">Tipo de Afastamento:</span>
							<select name="%tb.tpafas%" id="%tb.tpafas%">
								<option>%tb.opafas%</option>
							</select>
						</td>
						<td>
							<span class="style14">Data inicial do afastamento:</span>
							<input type="text" maxlength="8" onKeyPress="FormataData(this, event)" name="%tb.dtinicial%" id="%tb.dtinicial%" value="%tb.dtinicial%">
						</td>
						<td>
							<span class="style14">Data final do afastamento:</span>
							<input type="text" maxlength="8" onKeyPress="FormataData(this, event)" name="%tb.dtafas%" id="%tb.dtafas%" value="%tb.dtafas%">
						</td>
					</tr>
				</table>
			</td>	
		</tr>
	</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado
Bom basicamente você tem que pegar o selectedIndex (numero do item selecionado, começando em 0) do select para poder filtrar o que mostrar

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