入力した入力値にテキストを追加するには

Question

フォームのユーザーが書き込んだテキストに文字列を追加するにはどうすればよいですか？

たとえば、「test」を検索する場合は、「site：mysite.de test」と入力します。私は

私は最初の値のみが https://searx.me/?q=test

を提出されると期待される方法

<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> 

で試してみました

（私が文字列を送信しようとしている名前はqです。）

純粋なhtmlのjavascriptなしのソリューションを好む。ここで

Answer 1

ことを行うには醜い方法で、結合のように見える;）

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>