Créer un bouton lien avec textbox (PHP)

Résolu/Fermé

dorian192 Messages postés 47 Date d'inscription samedi 25 janvier 2014 Statut Membre Dernière intervention 5 octobre 2018 - 19 févr. 2016 à 21:34
Pierre - 5 févr. 2018 à 16:45

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:

Php bouton
Easy php - Télécharger - Divers Web & Internet
Réinitialiser chromecast sans bouton - Guide
Bouton shift pc - Forum Jeux vidéo
Php natif - Forum PHP
Hard reset samsung sans bouton home - Guide

1 réponse

Réponse 1 / 1

miramaze Messages postés 1429 Date d'inscription mercredi 29 juillet 2009 Statut Contributeur Dernière intervention 1 mai 2022 92
20 févr. 2016 à 23:50

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>

dorian192 Messages postés 47 Date d'inscription samedi 25 janvier 2014 Statut Membre Dernière intervention 5 octobre 2018 24
3 mars 2016 à 12:25

C'est exactement ce que je recherchais. Merci beaucoup Miramaze !

Pierre
5 févr. 2018 à 16:45

Merci beaucoup frr, bisous sur ta génitrice d'amour

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?

ALERT en php

Bouton ON OFF, O ou I ?

Quel est la touche shift sur le clavier

balise de retour à la ligne en php

Discussions similaires

Newsletters