自动完成外观下输入文本下的文本

时间:2014-12-28 17:02:55

标签: javascript jquery html input autocomplete

我尝试使用jquery在我的网站中执行类似于自动完成的操作, 但我甚至不知道从哪里开始这样做。

我很难解释(我的英语很糟糕),
所以我会用图片向你展示(一张图片胜过千言万语?)。

这是输入: enter image description here

用户输入窗口后会出现如下: enter image description here

当用户按下"搜索' ..." 时,按'发送& #39;
。 我只需要在输入下将是:
"搜索" +输入上的值+" ..." - 就是这样。

这是一个尝试,但它需要在窗口中像自动完成,而不是标签。



$('#search').keyup(function() {
        var inputValue = $(this).val();
if(inputValue == "")
{ $('#label').text("");}else{
       $('#label').text("search "+inputValue+"...");}
        
    
});

#label
{
cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form>
<input type="text" id="search"><input value="send" id="submit" type="submit">
<br>
<label for="submit" id="label"></label>

</form>
&#13;
&#13;
&#13;

我真的希望你明白! 谢谢你和我的英语! :)

0 个答案:

没有答案