Ir para conteúdo

POWERED BY:

Arquivado

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

mzaidan

Passar o valor de um input para um <a href...

Por , em Javascript

Recommended Posts

mzaidan    2

mzaidan
Postado

Prezados,

possuo o seguinte codigo:

<script language="Javascript">

function tte()  {
v1 = document.getElementById('numquest').value;

document.getElementById('ino').value = v1;
}
</script>

<select id="numquest" size="1" onChange="tte()";>
              <option value="5">5</option>
              <option value="10">10</option>
              <option value="15">15</option>
                </select>

<a href="result.php?q=" >Link</a>
<input type="text" id="ino" value="5">

Como que eu faço para o link ser montado na medida que eu vá mudando o select?

Por exemplo:

Mudei para 10, ai o link fica:

result.php?q=10

 

Mudo para 15, ai fica:

result.php?q=15

 

Tem como?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Utilizei uma expressão regulara apenas para apagar o número atual e então poder escrever o novo número lá.

 

 

Funcionando

http://wbruno.github.io/examples/select-link/

 

Código

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

<select id="numquest">
  <option value="">Escolha</option>
  <option value="5">5</option>
  <option value="10">10</option>
  <option value="15">15</option>
</select>

<a href="result.php?q=" id="link">Link</a>
<input type="text" id="ino" />


<script>
var $numquest = document.getElementById('numquest'),
    $ino = document.getElementById('ino'),
    $link = document.getElementById('link');

$numquest.addEventListener('change', function(){
  $ino.value = this.value;
  $link.href = $link.href.replace(/q=([0-9]*)$/, 'q=' + this.value);
});
</script>


</body>
</html>

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