Ir para conteúdo

POWERED BY:

Arquivado

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

alvarogtc

Alterar action baseado no select

Por , em Javascript

Recommended Posts

alvarogtc    1

alvarogtc
Postado

ola pessoal queria uma força aqui.

 

tenho o seguinte form

 

<form method="get" action="/busca/" name="frmBusca" id="frmBusca" onsubmit="return _jsBuscaPrincipal();">
       <fieldset class="search">
         <legend>Buscar Empresas</legend>
         <input type="text" class="text" name="q"/>
         <select name="Cid" id="Cidade_Id" onchange="changeAction(this.form,this.value);" class="select medio text">
           <option value="">Selecione a Cidade</option>
           <option value="10">Cidade10</option>
           <option value="11">Cidade11</option>
           <option value="12">Cidade12</option>
           <option value="13">Cidade13</option>
           <option value="14">Cidade14</option>
           </select>

         <input type="submit" class="botao" value="Buscar" />
       </fieldset>
     </form>

 

uso o seguinte javascript

 

 <script>


function changeAction(aForm,aValue)
{
if(aValue=="")
return;
aForm.setAttribute("action",aValue);
} 

 </script>

 

da maneira como esta conforme eu seleciono uma determinada cidade ele muda o action do form para o VALUE selecionado

 

so que eu queria pegar e ficar assim action="/Cidade1/busca/" nao pegar o VALUE que no caso é o ID, eu poderia chamar cidade1 dentro do value mas tbm preciso do id para em casos de busca direta.

 

alguem se puder me ajudar, fico agradecido.

Compartilhar este post

Link para o post
Compartilhar em outros sites

leobrrj    0

leobrrj
Postado

Vê se te dá uma luz

 

<html>
<head>
<script type="text/javascript">
function getIndex()
 {
 var x=document.getElementById("mySelect")
 alert(x.selectedIndex)
 }
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
 <option>Apple</option>
 <option>Orange</option>
 <option>Pineapple</option>
 <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()"
value="Alert index of selected option">
</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Assim:

 

<script type="text/javascript">
function changeAction( value )
{
document.getElementById('frmBusca').setAttribute( 'action', '/Cidade'+value+'/busca/' );
}
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

alvarogtc    1

alvarogtc
Postado

Quase isso Willian, o unico detalhe que no script real, as cidades sao os nomes

 

no seu exemplo fica CIDADE + o value q seria o ID,

 

Mas no meu caso seriam os nomes das cidades reais, por isso minha dificuldade.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

então sei lá, se mostra

 

<option value="14">Sao Paulo</option>

 

o action deve ser:

'/Sao Paulo14/busca/'

?

 

facil..

aqui eu mostro como pegar o label do option:

http://www.wbruno.com.br/blog/?p=50

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