![Manual do Usuário - SEBRAE [dez 2024 v9 1]](https://files.passeidireto.com/Thumbnail/898bb937-00a4-431d-8a41-1212ef1253ce/105/1.jpg)
Escolha uma das opções e acesse esse e outros materiais sem bloqueio. 🤩
Cadastre-se ou realize login
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Escolha uma das opções e acesse esse e outros materiais sem bloqueio. 🤩
Cadastre-se ou realize login
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Prévia do material em texto
Na avaliação da disciplina de Ferramentas de Desenvolvimento Web, uma das questões pedia que o aluno criasse um formulário com 2 campos de SELECT (combo-box): um deles devendo ser nomeado como ESTADOS e as opções devendo ser 4 estados brasileiros (Paraná, São Paulo, Rio de Janeiro e Minas Gerais); e o outro nomeado como CIDADES.
Diante da questão, o aluno foi orientado a utilizar os recursos de HTML + AJAX(JSON) e PHP, sendo que, ao selecionar um ESTADO no primeiro combo-box, automaticamente, o combo-box CIDADES mostrasse as respectivas cidades de cada estado (no mínimo 4 cidades).
Parte superior do formulário
Escreva sua resposta no campo abaixo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript"
src="xuxu.js"></script>
<label for="estado">Estados: </label>
<select name="estado" id="estado">
<option value="1"> São Paulo</option>
<option value="2"> Curitiba</option>
<option value="3"> Bahia</option>
</select>
<label for="cidade" id="cidade"></label>
<select name="cidade" id="cidade"></select>
</body>
</html>
Parte inferior do formulário
<?php
header('Content-type: text/json');
$retorno = array();
switch($_POST['estado'])
{ case 1 //São Paulo
$retorno = array(11 => "cidade1", 12 => "cidade2", 13 => "cidade3" );
break;
case 2 // Curitiba
$retorno = array(21 => "cidade4", 22 => "cidade5", 23 => "cidade6" );
break;
case 3 // Bahia
$retorno = array(31 => "cidade7", 32 => "cidade8", 33 => "cidade9");
break;
}
echo json_encode($retorno);
?>
PADRÃO DE RESPOSTA ESPERADO
Veja como os alunos, que acertaram a resposta, resolveram o desafio avaliativo.
Arquivo cidades:
"<!Doctype html> <html lang="pt-br"> <head> <meta charset="utf-8" /> <title>Estados e Cidades</title> <script type="text/javascript" src="https://code.jquery.com/jquery-1.6.4.min.js"></script> </head> <body> <label for="estado">Estado:</label> <select name="estado" id="estado"> <option>--Selecione--</option> <option value="1">Paraná</option> <option value="2">São Paulo</option> <option value="3">Rio de Janeiro</option> <option value="4">Minas Gerais</option> </select> <label for="cidade">Cidade:</label> <select name="cidade" id="cidade"></select> </body> <script type="text/javascript"> $(document).ready(function(){ $("#estado").change(function(){ $.ajax({ type: "POST", url: "busca.php", data: {estado: $("#estado").val()}, dataType: "json", success: function(json){ var options = ""; $.each(json, function(key, value){ options += \'<option value="\' + key + \'">\' + value + \'</option>\'; }); $("#cidade").html(options); } }); }); }); </script> </html>" Arquivo busca.php: "<?php header(\'Content-type: text/json\'); $retorno = array(); switch($_POST[\'estado\']) { case 1: //Paraná $retorno = array( 10 => " --Selecione--", 11 => "Curitiba", 12 => "Londrina", 13 => "Pato Branco", 14 => "Maringá", ); break; case 2: //São Paulo $retorno = array( 20 => "--Selecione-- ", 21 => "São Paulo", 22 => "Praia Grande", 23 => "Americana", 24 => "Sorocaba", ); break; case 3: //Rio de Janeiro $retorno = array( 30 => "--Selecione-- ", 31 => "Rio de Janeiro", 32 => "Búzios", 33 => "Cabo Frio", 34 => "Nova Iguaçu", ); break; case 4: //Minas Gerais $retorno = array( 40 => "--Selecione-- ", 41 => "Belo Horizonte", 42 => "Uberlândia", 43 => "Ipatinga", 44 => "Juiz de Fora", ); break; } echo json_encode($retorno); ?>"
Na avaliação da disciplina de Ferramentas de Desenvolvimento Web, uma das questões
pedia que o aluno criasse um formulário com 2 campos de SELECT (combo
-
box): um
deles devendo ser nomeado como ESTADOS e as opções devendo ser 4 estados
brasileiros (Paraná, São Paulo, Rio de Janeiro e Minas Gerais); e o outro nomeado como
CIDADES.
Diante da questão, o aluno foi orientado a utilizar os recursos de HTML +
AJAX(JSON) e PHP, sendo que, ao selecionar um ESTADO no primeiro combo
-
box,
automatica
mente, o combo
-
box CIDADES mostrasse as respectivas cidades de cada
estado (no mínimo 4 cidades).
Escreva sua resposta no campo abaixo:
<!
DOCTYPE
html
>
<
html
lang
="
pt
-
br
">
<
head
>
<
title
></
title
>
<
meta
charset
="
utf
-
8
">
</
head
>
<
body
>
<
script
type
="
text/javascript
"
src
="
http://code.jquery.com/jquery
-
1.6.4.min.js
"></
script
>
<
script
type
="
text/javascript
"
src
="
xuxu.js
"></
script
>
<
label
for
="
estado
">
Estados:
</
label
>
<
select
name
="
estado
"
id
="
estado
">
<
option
value
="
1
">
São
Paulo
</
option
>
<
option
value
="
2
">
Curitiba
</
option
>
<
option
value
="
3
">
Bahia
</
option
>
</
select
>
<
label
for
="
cidade
"
id
="
cidade
"></
label
>
<
select
name
="
cidade
"
id
="
cidade
"></
select
>
</
body
>
</
html
>
<?php
header
('
Content
-
type:
text/json
');
$
retorno
=
array
();
Na avaliação da disciplina de Ferramentas de Desenvolvimento Web, uma das questões
pedia que o aluno criasse um formulário com 2 campos de SELECT (combo-box): um
deles devendo ser nomeado como ESTADOS e as opções devendo ser 4 estados
brasileiros (Paraná, São Paulo, Rio de Janeiro e Minas Gerais); e o outro nomeado como
CIDADES.
Diante da questão, o aluno foi orientado a utilizar os recursos de HTML +
AJAX(JSON) e PHP, sendo que, ao selecionar um ESTADO no primeiro combo-box,
automaticamente, o combo-box CIDADES mostrasse as respectivas cidades de cada
estado (no mínimo 4 cidades).
Escreva sua resposta no campo abaixo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript"
src="xuxu.js"></script>
<label for="estado">Estados: </label>
<select name="estado" id="estado">
<option value="1"> São Paulo</option>
<option value="2"> Curitiba</option>
<option value="3"> Bahia</option>
</select>
<label for="cidade" id="cidade"></label>
<select name="cidade" id="cidade"></select>
</body>
</html>
<?php
header('Content-type: text/json');
$retorno = array();Mais conteúdos dessa disciplina
Avaliação II - Individual- Introdução a SQL (2)
- AVA1 - BDIII
- Lucas Rodrigues de Barros - 1250201198
- Avaliação de Eletromagnetismo
- Trabalho Banco de Dados Relacional
- TI curso-375607-aula-12-profs-diego-carvalho-e-renato-da-costa-721a-simplificado
- 07_SQL_SELECT_Funções Básicas
- U1 - Avaliação da Unidade
- Trabalho Banco de Dados Relacional
- A transformação digital no Sistema Único de Saúde (SUS) não depende apenas da adoção pontual de tecnologias. Ela requer um ecossistema digital robusto
- Considere a seguinte frase abaixo e avalie-a com Verdadeiro ou Falso: Não é possível visualizar, em uma única visualização, uma base de dados mult...
- Uma coluna em determinada query, apresentou o salário médio dos funcionários de um departamento. Nesse caso, podemos dizer que, para efetivar o cálcul
- Qual das alternativas representa uma aplicação prática da IA na área jurídica? a. Criação de obras de arte digitais. b. Pesquisa de dados pesso...
- Qual das alternativas abaixo NÃO indica um comportamento seguro durante suas conexões:Obrigatório
- 2 3 4 5 6 7 create create create create create create create create 16 17 18 19 20 ”O digital não é especialidade nem objeto de ações de marketing. Qu
- Qual é o papel principal do DataBase Administrator (DBA)? Realização da implementação do banco de dados. Desenvolvimento de software de banco de dados
- Qual das condutas abaixo é considerada uma falta grave no âmbito da SEAS?
Questão 3Resposta
a.
Chegar frequentemente atrasado.
b.
Coagir adolescente
- Qual das alternativas abaixo representa uma prática eficaz de gestão de equipes? Delegar todas as decisões estratégicas apenas ao líder, sem participa
- Questão / I Sociologia e Antropologia Juridica - GK Código da questão: 53073 Considerando a teoria de Leon Duguit, qual das alternativas abaixo est...
- A evolução das bibliotecas digitais trouxe novas oportunidades e desafios para a gestão da informação. Uma das questões centrais é a preservação di...
- como deve ficar o fator de demanda em residecia quete tem boiler e chuveuri eletrico
- Qual das tendências abaixo representa uma evolução do mercado estético? Questão 3Resposta a. Personalização dos tratamentos e experiência b. Aten...
- Teste do Capítulo 3 - Cibersecurity Essentials
- Protocolo de redes de computadores