Créer un bouton lien avec textbox (PHP)

Résolu
dorian192 Messages postés 47 Date d'inscription   Statut Membre Dernière intervention   -  
 Pierre -
Bonjour. Je voudrais créer un petit formulaire qui posséderais une textbox, une liste déroulante et un bouton.
J'essaie de trouver comment faire en sorte que lors d'un clic sur le bouton, on soit dirigé vers une page ayant pour URL :
[valeur sélectionnée dans la liste déroulante]+[valeur saisie dans la textbox].

Merci beaucoup.
A voir également:

1 réponse

Réponse 1 / 1
miramaze Messages postés 1429 Date d'inscription   Statut Contributeur Dernière intervention   92
 
Salut,

j'ai fais ça à la va vite tu excuseras la saleté, mais ça devrais répondre à ta demande :

Le plunkr pour voir en live => https://plnkr.co/edit/oA9DgftUsO9I8XknM564?p=preview

Le code : 

<!DOCTYPE html>
<html>

<head>
  <script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <script data-require="bootstrap@*" data-semver="3.3.6" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body>
  <script>
    var option;
    var text;

    function saveOption(select) {
      option = select.options[select.selectedIndex].text;
    }

    function saveText(input) {
      text = input.value;
    }

    function triggerSearch() {
      if (option === undefined) {
        document.getElementById("error").innerHTML = "Select a search";

        return;
      }

      if (text === undefined) {
        document.getElementById("error").innerHTML = "Set a query";

        return;
      }

      var url = option + text;

      window.open(url, '_blank');
    }
  </script>
  <div class="container">
    <div class="row">
      <div class="form-group col-xs-6">
        <select class="form-control" onchange="saveOption(this);">
          <option selected disabled>Select a search</option>
          <option>https://www.google.fr/search?q=</option>
          <option>https://fr.search.yahoo.com/search?p=</option>
        </select>
      </div>
      <div class="col-xs-4">
        <input class="form-control" type="text" onkeyup="saveText(this);" />
      </div>
      <div class="col-xs-2">
        <button class="btn btn-primary" onclick="triggerSearch();">Ok</button>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12" id="error">
      </div>
    </div>
  </div>
</body>

</html>
4
dorian192 Messages postés 47 Date d'inscription   Statut Membre Dernière intervention   24
 
C'est exactement ce que je recherchais. Merci beaucoup Miramaze !
0
Pierre
 
Merci beaucoup frr, bisous sur ta génitrice d'amour
0

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?
joe! -
fernando-_ytb -

18 réponses
Quel est la touche shift sur le clavier
paoade -
PRIPRI -

8 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
ou est la touche shift sur un clavier
Mathis -
Maelstrom -

4 réponses
Touche "home" sur pc portable.
Mario70 -
Bezulon -

25 réponses