Ir para conteúdo

POWERED BY:

Arquivado

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

Inside

[Resolvido] Alerta select

Por , em Javascript

Recommended Posts

Inside    2

Inside
Postado

Caros amigos,

 

preciso de uma ajuda. tenho esse select em um form:

 

 

<select class="submit" style="width=160" name="s">
<option value="" selected>Selecione</option>
<option>-------------------</option>
<option value="4">Arquivar</option>
<option>-------------------</option>
<option value="1">Excluir</option>
<option>-------------------</option>
<option value="2">Suspender</option>
<option>-------------------</option>
<option value="3">Reativar</option>
<option>-------------------</option>

 

eu precisava que quando o usuário seleciona a opção 1 (Excluir) quando ele clicasse no submit desse uma lerta perguntando se ele quer realmente excluir o item selecionado.

 

Alguém sabe como resolver isto?

 

 

Obrigado pela atenção recebida.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

dispare uma função no evento onchange() do <select>

 

o confirm() vai te retornar um booleano, dai você usa num if, para decidir oque fazer.

tente fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Inside    2

Inside
Postado

Caro William Bruno

 

 

obrigado pela resposta, mas tem um problema eu não programa javascript, não sei como fazer. Você sabe onde encontrar algum exemplo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara.. você trabalha com web ?

 

então, pesquise, estude, aprenda.

se eu fizer para você, vai resolver este problema.. mas os proximos, você vai voltar pedindo scripts de novo, e não é essa a intenção do fórum.

 

posso te ajudar caso você tente fazer, e tenha dúvidas.

mas não rola de ficar produzindo scripts de graça assim.

 

eu também não programava javascript, mas precisei aprender... ^_^

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

dispare uma função no evento onchange() do <select>

 

o confirm() vai te retornar um booleano, dai você usa num if, para decidir oque fazer.

 

o 'como fazer' está ali em cima.

 

comece a tentar, se você não demonstrar esforço, realmente não tenho como te ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>
<head>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
window.onload = function(){
	id('form_test').onsubmit = function(){
		if( id('s').value==1 )
			if( !confirm('Tem certeza que deseja excluir?') )
				return false;	
	}
}
</script>
</head>
<body>
	<form action="" method="post" id="form_test">
		<select name="s" id="s" class="submit" style="width: 160px">
			<option value="" selected>Selecione</option>
			<option>-------------------</option>
			<option value="4">Arquivar</option>
			<option>-------------------</option>
			<option value="1">Excluir</option>
			<option>-------------------</option>
			<option value="2">Suspender</option>
			<option>-------------------</option>
			<option value="3">Reativar</option>
			<option>-------------------</option>
		</select>
		
		<input type="submit" name="ok" value="ok" />
	</form>
</body>
</html>

qndo enviar o form, vai invocar a function ali.

se o select estiver no Excluir, vai aparecer a pergunta.

 

se clicar no Ok, o form é enviado.

se clicar no Cancelar, o form não será enviado.

 

escolhendo qq outra opção diferente do Excluir, o form é enviado sem nenhuma pergunta.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Inside    2

Inside
Postado

Caros amigos,

 

fiz este script mas não funciona o alerta dá em todas as opções.

 

 


<script language="JavaScript"><!--
function opcao_excluir(form)
{
	if(form2.ss.value.length == 1)
	{
		alert("Você tem certeza que deseja excluir esta Notícia?");
		return true;
	}   else
	{
		return false;
	}
}

// --></script>

<form name="form2" onsubmit="return opcao_excluir()">
<select name="ss">
<option selected value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option>
</select>
<input type="submit" title="enviar">
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

-> use o confirm() e então faça um IF com o retorno dele.

 

-> acesse somente o .value, o atributo .length não faz sentido no seu contexto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Inside    2

Inside
Postado

deu certo desta forma:

 



<script language="JavaScript"><!--
function opcao_excluir(form)
{
	if(form2.ss.value == 1)
	{
		alert("Você tem certeza que deseja excluir esta Notícia?");
		return true;
	}   else
	{
		return false;
	}
}

// --></script>

<form name="form2" action="acao.asp" onsubmit="return opcao_excluir()">
<select name="ss">
<option selected value="0">0</option> 
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" title="enviar">
</form>

 

porém quando escolha as outras opções o form nao vai para a página acao.asp, somente quando escolho a opção 1.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

troque:

if(form2.ss.value == 1)
        {
                alert("Você tem certeza que deseja excluir esta Notícia?");
                return true;
        }   else
        {
                return false;
        }
por:

 

if(form2.ss.value == 1)
        {
                if( !confirm("Você tem certeza que deseja excluir esta Notícia?") )
                     return false;
        }

dá uma olhad aqui: #8

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