Wie kann ich einem eingegebenen Eingabewert einen Text hinzufügen?

Question

Wie kann ich dem Text, der vom Benutzer meines Formulars geschrieben wurde, eine Zeichenfolge hinzufügen?

Zum Beispiel, wenn er nach "test" suchen möchte, sollte mein Formular "site: mysite.de test" einreichen.

(Der Name wo ich versuche, um die Zeichenfolge zu senden ist q.)

ich mit

versucht

<form action="https://searx.me" method="get" accept-charset="UTF-8"> 
    <input type="text" name="q" placeholder="Search with Searxes" required> 
    <input type="hidden" name="q" value="site:mysite.de"> 
</form> 

Wie erwartet nur der erste Wert vorgelegt https://searx.me/?q=test

Ich würde bevorzuge eine Lösung mit reinem HTML ohne Javascript.

Answer 1

Hier eine hässliche Art und Weise ist, das zu tun, sieht aus wie zu binden;)

var hidden = document.getElementsByClassName('hidden')[0]; 
 

 
var hidden_attr = hidden.getAttribute('value'); 
 

 
var show = document.getElementsByClassName('show')[0]; 
 

 
function magic(){ 
 
    hidden.setAttribute('value', hidden_attr + show.value); 
 
    console.log(hidden.getAttribute('value')); 
 
}

<form action="https://searx.me" method="get" accept-charset="UTF-8"> 
 
    <input class="show" onkeyup="magic()" type="text" name="q" placeholder="Search with Searxes" required> 
 
    <input class="hidden" type="hidden" name="q" value="site:mysite.de "> 
 
</form>