如何将文本添加到输入的输入值

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>