Como selecionar um Option a partir do valor do Banco de Dados

LockSpy · Setembro 17, 2016

Olá Pessoal,

Eu tenho por exemplo este select com os options:

<label class="lbGeral">País</label><br>
			<div>
				<select class="cbGeral" name="pais" title="Selecione">
					<option value="África do Sul">África do Sul</option>
					<option value="Albânia">Albânia</option>
					<option value="Alemanha">Alemanha</option>
					<option value="Andorra">Andorra</option>
					<option value="Angola">Angola</option>
					<option value="Anguilla">Anguilla</option>
					<option value="Antigua">Antigua</option>
					<option value="Arábia Saudita">Arábia Saudita</option>
					<option value="Argentina">Argentina</option>
					<option value="Armênia">Armênia</option>
					<option value="Aruba">Aruba</option>
					<option value="Austrália">Austrália</option>
					<option value="Áustria">Áustria</option>
					<option value="Azerbaijão">Azerbaijão</option>
					<option value="Bahamas">Bahamas</option>
					<option value="Bahrein">Bahrein</option>
					<option value="Bangladesh">Bangladesh</option>
					<option value="Barbados">Barbados</option>
					<option value="Bélgica">Bélgica</option>
					<option value="Benin">Benin</option>
					<option value="Bermudas">Bermudas</option>
					<option value="Botsuana">Botsuana</option>
					<option value="Brasil" selected>Brasil</option>
					<option value="Brunei">Brunei</option>
					<option value="Bulgária">Bulgária</option>
					<option value="Burkina Fasso">Burkina Fasso</option>
					<option value="botão">botão</option>
					<option value="Cabo Verde">Cabo Verde</option>
					<option value="Camarões">Camarões</option>
					<option value="Camboja">Camboja</option>
					<option value="Canadá">Canadá</option>
					<option value="Cazaquistão">Cazaquistão</option>
					<option value="Chade">Chade</option>
					<option value="Chile">Chile</option>
					<option value="China">China</option>
					<option value="Cidade do Vaticano">Cidade do Vaticano</option>
					<option value="Colômbia">Colômbia</option>
					<option value="Congo">Congo</option>
					<option value="Coréia do Sul">Coréia do Sul</option>
					<option value="Costa do Marfim">Costa do Marfim</option>
					<option value="Costa Rica">Costa Rica</option>
					<option value="Croácia">Croácia</option>
					<option value="Dinamarca">Dinamarca</option>
					<option value="Djibuti">Djibuti</option>
					<option value="Dominica">Dominica</option>
					<option value="EUA">EUA</option>
					<option value="Egito">Egito</option>
					<option value="El Salvador">El Salvador</option>
					<option value="Emirados Árabes">Emirados Árabes</option>
					<option value="Equador">Equador</option>
					<option value="Eritréia">Eritréia</option>
					<option value="Escócia">Escócia</option>
					<option value="Eslováquia">Eslováquia</option>
					<option value="Eslovênia">Eslovênia</option>
					<option value="Espanha">Espanha</option>
					<option value="Estônia">Estônia</option>
					<option value="Etiópia">Etiópia</option>
					<option value="Fiji">Fiji</option>
					<option value="Filipinas">Filipinas</option>
					<option value="Finlândia">Finlândia</option>
					<option value="França">França</option>
					<option value="Gabão">Gabão</option>
					<option value="Gâmbia">Gâmbia</option>
					<option value="Gana">Gana</option>
					<option value="Geórgia">Geórgia</option>
					<option value="Gibraltar">Gibraltar</option>
					<option value="Granada">Granada</option>
					<option value="Grécia">Grécia</option>
					<option value="Guadalupe">Guadalupe</option>
					<option value="Guam">Guam</option>
					<option value="Guatemala">Guatemala</option>
					<option value="Guiana">Guiana</option>
					<option value="Guiana Francesa">Guiana Francesa</option>
					<option value="Guiné-bissau">Guiné-bissau</option>
					<option value="Haiti">Haiti</option>
					<option value="Holanda">Holanda</option>
					<option value="Honduras">Honduras</option>
					<option value="Hong Kong">Hong Kong</option>
					<option value="Hungria">Hungria</option>
					<option value="Iêmen">Iêmen</option>
					<option value="Ilhas Cayman">Ilhas Cayman</option>
					<option value="Ilhas Cook">Ilhas Cook</option>
					<option value="Ilhas Curaçao">Ilhas Curaçao</option>
					<option value="Ilhas Marshall">Ilhas Marshall</option>
					<option value="Ilhas Turks & Caicos">Ilhas Turks & Caicos</option>
					<option value="Ilhas Virgens (brit.)">Ilhas Virgens (brit.)</option>
					<option value="Ilhas Virgens(amer.)">Ilhas Virgens(amer.)</option>
					<option value="Ilhas Wallis e Futuna">Ilhas Wallis e Futuna</option>
					<option value="Índia">Índia</option>
					<option value="Indonésia">Indonésia</option>
					<option value="Inglaterra">Inglaterra</option>
					<option value="Irlanda">Irlanda</option>
					<option value="Islândia">Islândia</option>
					<option value="Israel">Israel</option>
					<option value="Itália">Itália</option>
					<option value="Jamaica">Jamaica</option>
					<option value="Japão">Japão</option>
					<option value="Jordânia">Jordânia</option>
					<option value="Kuwait">Kuwait</option>
					<option value="Latvia">Latvia</option>
					<option value="Líbano">Líbano</option>
					<option value="Liechtenstein">Liechtenstein</option>
					<option value="Lituânia">Lituânia</option>
					<option value="Luxemburgo">Luxemburgo</option>
					<option value="Macau">Macau</option>
					<option value="Macedônia">Macedônia</option>
					<option value="Madagascar">Madagascar</option>
					<option value="Malásia">Malásia</option>
					<option value="Malaui">Malaui</option>
					<option value="Mali">Mali</option>
					<option value="Malta">Malta</option>
					<option value="Marrocos">Marrocos</option>
					<option value="Martinica">Martinica</option>
					<option value="Mauritânia">Mauritânia</option>
					<option value="Mauritius">Mauritius</option>
					<option value="México">México</option>
					<option value="Moldova">Moldova</option>
					<option value="Mônaco">Mônaco</option>
					<option value="Montserrat">Montserrat</option>
					<option value="Nepal">Nepal</option>
					<option value="Nicarágua">Nicarágua</option>
					<option value="Niger">Niger</option>
					<option value="Nigéria">Nigéria</option>
					<option value="Noruega">Noruega</option>
					<option value="Nova Caledônia">Nova Caledônia</option>
					<option value="Nova Zelândia">Nova Zelândia</option>
					<option value="Omã">Omã</option>
					<option value="Palau">Palau</option>
					<option value="Panamá">Panamá</option>
					<option value="Papua-nova Guiné">Papua-nova Guiné</option>
					<option value="Paquistão">Paquistão</option>
					<option value="Peru">Peru</option>
					<option value="Polinésia Francesa">Polinésia Francesa</option>
					<option value="Polônia">Polônia</option>
					<option value="Porto Rico">Porto Rico</option>
					<option value="Portugal">Portugal</option>
					<option value="Qatar">Qatar</option>
					<option value="Quênia">Quênia</option>
					<option value="Rep. Dominicana">Rep. Dominicana</option>
					<option value="Rep. Tcheca">Rep. Tcheca</option>
					<option value="Reunion">Reunion</option>
					<option value="Romênia">Romênia</option>
					<option value="Ruanda">Ruanda</option>
					<option value="Rússia">Rússia</option>
					<option value="Saipan">Saipan</option>
					<option value="Samoa Americana">Samoa Americana</option>
					<option value="Senegal">Senegal</option>
					<option value="Serra Leone">Serra Leone</option>
					<option value="Seychelles">Seychelles</option>
					<option value="Singapura">Singapura</option>
					<option value="Síria">Síria</option>
					<option value="Sri Lanka">Sri Lanka</option>
					<option value="St. Kitts & Nevis">St. Kitts & Nevis</option>
					<option value="St. Lúcia">St. Lúcia</option>
					<option value="St. Vincent">St. Vincent</option>
					<option value="Sudão">Sudão</option>
					<option value="Suécia">Suécia</option>
					<option value="Suiça">Suiça</option>
					<option value="Suriname">Suriname</option>
					<option value="Tailândia">Tailândia</option>
					<option value="Taiwan">Taiwan</option>
					<option value="Tanzânia">Tanzânia</option>
					<option value="Togo">Togo</option>
					<option value="Trinidad & Tobago">Trinidad & Tobago</option>
					<option value="Tunísia">Tunísia</option>
					<option value="Turquia">Turquia</option>
					<option value="Ucrânia">Ucrânia</option>
					<option value="Uganda">Uganda</option>
					<option value="Uruguai">Uruguai</option>
					<option value="Venezuela">Venezuela</option>
					<option value="Vietnã">Vietnã</option>
					<option value="Zaire">Zaire</option>
					<option value="Zâmbia">Zâmbia</option>
					<option value="Zimbábue">Zimbábue</option>
				</select><br>
			</div>
		</div>

Como podem ver ele é enorme e fica inviável de eu colocar 1 por 1 um if para ver se esse valor corresponde ao valor recebido do banco de dados e então usar Selected para selecionar o value correspondido, no qual seria a forma mais pratica.
Existe alguma outra forma melhor e mais dinâmica para fazer esse Selected para que a partir do valor do banco de dados o value especifico seja selecionado?

Desde já agradecido!

Gabriel Heming · Setembro 17, 2016

Adicione os dados para uma base de dados.

Crie dinamicamente o select option:

$statement = $pdo->query('SELECT id , name FROM country');

foreach($statement as $row) {
    printf('<option value="%d">%s</option>' , $row['id'] , $row['name']);
}

Depois de criar dinamicamente, faça a validação de qual deve ser selecionado e adicione ao printf:

$selectedId = /** retorno do ID selecionado **/;

$statement = $pdo->query('SELECT id , name FROM country');

foreach($statement as $row) {
    $selected = $selectedId == $row['id'] ? 'selected="selected"' : null;

    printf('<option %s value="%d">%s</option>' , $selected , $row['id'] , $row['name']);
}

Isso já deve resolver toda a sua solução.

Se você não quiser passar para o banco de dados, a melhor forma seria com javascript. Procurar o option pelo value e, então, adicionar o atributo para selecionado.

LockSpy · Setembro 17, 2016

Adicione os dados para uma base de dados.

Crie dinamicamente o select option:
$statement = $pdo->query('SELECT id , name FROM country');

foreach($statement as $row) {
    printf('<option value="%d">%s</option>' , $row['id'] , $row['name']);
}
Depois de criar dinamicamente, faça a validação de qual deve ser selecionado e adicione ao printf:
$selectedId = /** retorno do ID selecionado **/;

$statement = $pdo->query('SELECT id , name FROM country');

foreach($statement as $row) {
    $selected = $selectedId == $row['id'] ? 'selected="selected"' : null;

    printf('<option %s value="%d">%s</option>' , $selected , $row['id'] , $row['name']);
}
Isso já deve resolver toda a sua solução.

Se você não quiser passar para o banco de dados, a melhor forma seria com javascript. Procurar o option pelo value e, então, adicionar o atributo para selecionado.

Olá Gabriel,

Esse método é muito interessante, mas infelizmente eu teria que mudar muita coisa no meu sistema para colocar tudo no banco de dados. Mas sem dúvidas posso utilizar esse método para desenvolvimento posteriores.

Saberia me informar como poderia fazer essa busca pelo option pelo value para então adicionar o selected com o javascript?

ESerra · Setembro 17, 2016

<div>

<option value="África do Sul">África do Sul</option>

<option value="Albânia">Albânia</option>

<option value="Alemanha">Alemanha</option>

<option value="Andorra">Andorra</option>

<option value="Angola">Angola</option>

<option value="Anguilla">Anguilla</option>

<option value="Antigua">Antigua</option>

<option value="Arábia Saudita">Arábia Saudita</option>

<option value="Argentina">Argentina</option>

<option value="Armênia">Armênia</option>

<option value="Aruba">Aruba</option>

<option value="Austrália">Austrália</option>

<option value="Áustria">Áustria</option>

<option value="Azerbaijão">Azerbaijão</option>

<option value="Bahamas">Bahamas</option>

<option value="Bahrein">Bahrein</option>

<option value="Bangladesh">Bangladesh</option>

<option value="Barbados">Barbados</option>

<option value="Bélgica">Bélgica</option>

<option value="Benin">Benin</option>

<option value="Bermudas">Bermudas</option>

<option value="Botsuana">Botsuana</option>

<option value="Brasil">Brasil</option>

<option value="Brunei">Brunei</option>

<option value="Bulgária">Bulgária</option>

<option value="Burkina Fasso">Burkina Fasso</option>

<option value="botão">botão</option>

<option value="Cabo Verde">Cabo Verde</option>

<option value="Camarões">Camarões</option>

<option value="Camboja">Camboja</option>

<option value="Canadá">Canadá</option>

<option value="Cazaquistão">Cazaquistão</option>

<option value="Chade">Chade</option>

<option value="Chile">Chile</option>

<option value="China">China</option>

<option value="Cidade do Vaticano">Cidade do Vaticano</option>

<option value="Colômbia">Colômbia</option>

<option value="Congo">Congo</option>

<option value="Coréia do Sul">Coréia do Sul</option>

<option value="Costa do Marfim">Costa do Marfim</option>

<option value="Costa Rica">Costa Rica</option>

<option value="Croácia">Croácia</option>

<option value="Dinamarca">Dinamarca</option>

<option value="Djibuti">Djibuti</option>

<option value="Dominica">Dominica</option>

<option value="Egito">Egito</option>

<option value="El Salvador">El Salvador</option>

<option value="Emirados Árabes">Emirados Árabes</option>

<option value="Equador">Equador</option>

<option value="Eritréia">Eritréia</option>

<option value="Escócia">Escócia</option>

<option value="Eslováquia">Eslováquia</option>

<option value="Eslovênia">Eslovênia</option>

<option value="Espanha">Espanha</option>

<option value="Estônia">Estônia</option>

<option value="Etiópia">Etiópia</option>

<option value="Filipinas">Filipinas</option>

<option value="Finlândia">Finlândia</option>

<option value="França">França</option>

<option value="Gabão">Gabão</option>

<option value="Gâmbia">Gâmbia</option>

<option value="Geórgia">Geórgia</option>

<option value="Gibraltar">Gibraltar</option>

<option value="Granada">Granada</option>

<option value="Grécia">Grécia</option>

<option value="Guadalupe">Guadalupe</option>

<option value="Guatemala">Guatemala</option>

<option value="Guiana">Guiana</option>

<option value="Guiana Francesa">Guiana Francesa</option>

<option value="Guiné-bissau">Guiné-bissau</option>

<option value="Haiti">Haiti</option>

<option value="Holanda">Holanda</option>

<option value="Honduras">Honduras</option>

<option value="Hungria">Hungria</option>

<option value="Iêmen">Iêmen</option>

<option value="Ilhas Cayman">Ilhas Cayman</option>

<option value="Ilhas Cook">Ilhas Cook</option>

<option value="Ilhas Curaçao">Ilhas Curaçao</option>

<option value="Ilhas Marshall">Ilhas Marshall</option>

<option value="Ilhas Turks & Caicos">Ilhas Turks & Caicos</option>

<option value="Ilhas Virgens (brit.)">Ilhas Virgens (brit.)</option>

<option value="Ilhas Virgens(amer.)">Ilhas Virgens(amer.)</option>

<option value="Ilhas Wallis e Futuna">Ilhas Wallis e Futuna</option>

<option value="Índia">Índia</option>

<option value="Indonésia">Indonésia</option>

<option value="Inglaterra">Inglaterra</option>

<option value="Irlanda">Irlanda</option>

<option value="Islândia">Islândia</option>

<option value="Israel">Israel</option>

<option value="Itália">Itália</option>

<option value="Jamaica">Jamaica</option>

<option value="Japão">Japão</option>

<option value="Jordânia">Jordânia</option>

<option value="Kuwait">Kuwait</option>

<option value="Latvia">Latvia</option>

<option value="Líbano">Líbano</option>

<option value="Liechtenstein">Liechtenstein</option>

<option value="Lituânia">Lituânia</option>

<option value="Luxemburgo">Luxemburgo</option>

<option value="Macau">Macau</option>

<option value="Macedônia">Macedônia</option>

<option value="Madagascar">Madagascar</option>

<option value="Malásia">Malásia</option>

<option value="Malaui">Malaui</option>

<option value="Malta">Malta</option>

<option value="Marrocos">Marrocos</option>

<option value="Martinica">Martinica</option>

<option value="Mauritânia">Mauritânia</option>

<option value="Mauritius">Mauritius</option>

<option value="México">México</option>

<option value="Moldova">Moldova</option>

<option value="Mônaco">Mônaco</option>

<option value="Montserrat">Montserrat</option>

<option value="Nepal">Nepal</option>

<option value="Nicarágua">Nicarágua</option>

<option value="Niger">Niger</option>

<option value="Nigéria">Nigéria</option>

<option value="Noruega">Noruega</option>

<option value="Nova Caledônia">Nova Caledônia</option>

<option value="Nova Zelândia">Nova Zelândia</option>

<option value="Palau">Palau</option>

<option value="Panamá">Panamá</option>

<option value="Papua-nova Guiné">Papua-nova Guiné</option>

<option value="Paquistão">Paquistão</option>

<option value="Polinésia Francesa">Polinésia Francesa</option>

<option value="Polônia">Polônia</option>

<option value="Porto Rico">Porto Rico</option>

<option value="Portugal">Portugal</option>

<option value="Qatar">Qatar</option>

<option value="Quênia">Quênia</option>

<option value="Rep. Dominicana">Rep. Dominicana</option>

<option value="Rep. Tcheca">Rep. Tcheca</option>

<option value="Reunion">Reunion</option>

<option value="Romênia">Romênia</option>

<option value="Ruanda">Ruanda</option>

<option value="Rússia">Rússia</option>

<option value="Saipan">Saipan</option>

<option value="Samoa Americana">Samoa Americana</option>

<option value="Senegal">Senegal</option>

<option value="Serra Leone">Serra Leone</option>

<option value="Seychelles">Seychelles</option>

<option value="Singapura">Singapura</option>

<option value="Síria">Síria</option>

<option value="Sri Lanka">Sri Lanka</option>

<option value="St. Kitts & Nevis">St. Kitts & Nevis</option>

<option value="St. Lúcia">St. Lúcia</option>

<option value="St. Vincent">St. Vincent</option>

<option value="Sudão">Sudão</option>

<option value="Suécia">Suécia</option>

<option value="Suiça">Suiça</option>

<option value="Suriname">Suriname</option>

<option value="Tailândia">Tailândia</option>

<option value="Taiwan">Taiwan</option>

<option value="Tanzânia">Tanzânia</option>

<option value="Trinidad & Tobago">Trinidad & Tobago</option>

<option value="Tunísia">Tunísia</option>

<option value="Turquia">Turquia</option>

<option value="Ucrânia">Ucrânia</option>

<option value="Uganda">Uganda</option>

<option value="Uruguai">Uruguai</option>

<option value="Venezuela">Venezuela</option>

<option value="Vietnã">Vietnã</option>

<option value="Zaire">Zaire</option>

<option value="Zâmbia">Zâmbia</option>

<option value="Zimbábue">Zimbábue</option>

</select><br>

</div>

$( document ).ready(function() {

$("select[name=pais]").val("Tunísia");

});

</script>

sacjamm · Setembro 19, 2016

Se não entendeu, o javascript do nosso amigo acima, sugiro que você poste o código que você faz o select ou sua estrutura de selecionar no banco de dados, para que nosso amigo gabriel ou outro colega possa criar o select dinamico a o option selected.

Mais prático, com certeza, dará certo, e outra coisa, uma recomendação sou iniciante também em php 5, mais eu sugiro trabalhar com retorno json no php, quando se tratar de varios dados da tabela.

Me corrijam se eu não estiver razão, estou aqui pra aprender também.

Entrar

Arquivado

Como selecionar um Option a partir do valor do Banco de Dados

Recommended Posts

LockSpy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gabriel Heming 766

Compartilhar este post

Link para o post

Compartilhar em outros sites

LockSpy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ESerra 744

Compartilhar este post

Link para o post

Compartilhar em outros sites

sacjamm 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida referente a PDV

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante