Verificando em jQuery quando seleciono um Option em um Select

Front-end

21/08/2013

Ola Pessoal!

Como faço para verificar em jQuery quando seleciono um <option> em um <select> em jQuery?

O que está errado na função abaixo?




<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<script language="javascript" >
$(document).ready(function() {
$('#nome').change(function() {
if ($(this).val() === "José") {
alert("Você selecionou José");
}
})


}
</script>
</head>
<body>
<select id="nome">
<option value="">- Selecione -</option>
<option value="José">José</option>
<option value="Maria">Maria</option>
</select>
</body>
</html>
Samuel Lopes

Samuel Lopes

Curtidas 1

Respostas

Marcio Araujo

Marcio Araujo

21/08/2013

para melhorar a visualização

[url]

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<script language="javascript" >
$(document).ready(function() {
$('#nome').change(function() {
if ($(this).val() === "José") {
alert("Você selecionou José");
}
})


}
</script>
</head>
<body>
<select id="nome">
<option value="">- Selecione -</option>
<option value="José">José</option>
<option value="Maria">Maria</option>
</select>
</body>
</html>

[/url]
GOSTEI 0
William

William

21/08/2013

Colega o erro está na atribuição do endereço do Google para o JQuery:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>


Testei seu código e realmente não funcionou, quando coloquei um endereço para um JQuery local deu certo.

Estranho, geralmente esse endereço funciona normalmente.
GOSTEI 0
POSTAR