O elemento <select>: passando o valor e o texto da opção selecionada para a página solicitada

[Frank K Hosaka]

O código que segue vai mandar você para uma página que não existe, mas se você prestar atenção no cabeçalho do navegador, notará que o código consegue passar para a página solicitada o valor do frete e o respectivo bairro. Dá para fazer tudo em HTML, mas usei o PHP, porque o meu conhecimento em HTML é bem precário.

astudy.php


<?php
$java="inpfrete.value=selebairro.options[selectedIndex].value;inpbairro.value=selebairro.options[selectedIndex].text;frmteste.submit()";
echo"<form id=frmteste action=notfound.php>";
echo"<select id=selebairro onchange=$java>";
echo"<option>Selecione uma opçao</option>";
echo"<option value=10>Centro</option>";
echo"<option value=20>V Mariana</option>";
echo"</select>";
echo"<input id=inpfrete type=hidden name=frete><input id=inpbairro type=hidden name=bairro>";
echo"</form>";

Esse código é apenas instrutivo, só para mostrar os atributos do value e text do elemento select.options[selectedIndex]. O código dá para ser enxugado assim:

 

astudy.php

<?php
$java="inpbairro.value=selebairro.options[selectedIndex].text;frmteste.submit()";
echo"<form id=frmteste action=notfound.php>";
echo"<select id=selebairro name=frete onchange=$java>";
echo"<option>Selecione uma opçao</option>";
echo"<option value=10>Centro</option>";
echo"<option value=20>V Mariana</option>";
echo"</select>";
echo"<input id=inpbairro type=hidden name=bairro>";
echo"</form>";

 

Editado Julho 7, 2022 por Frank K Hosaka