Créer un bouton lien avec textbox (PHP)

Résolu

dorian192 -

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.

Afficher la suite

1 réponse

miramaze Contributeur

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 Auteur
C'est exactement ce que je recherchais. Merci beaucoup Miramaze !
0
Pierre
Merci beaucoup frr, bisous sur ta génitrice d'amour
0

Créer un bouton lien avec textbox (PHP)

1 réponse

Discussions similaires

Newsletters