如何將文本添加到輸入的輸入值

Question

如何將字符串添加到由我的表單的用戶編寫的文本中？

例如，如果他想搜索「test」，我的表單應該提交「site：mysite.de test」。

（其中我試圖發送字符串的名稱是q。）

我

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

嘗試如何預期只有第一個值將被提交https://searx.me/?q=test

我會更喜歡使用純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>