Question

好的，我一直试图解决我在这里发布的问题 Search Multiple sites with one input field

我看到的一种方法是使用jQuery替换div并仅显示文本然后从长远来看我可以做类似的事情

<input type="test.....

<a href="http://google.com/q=<div id="placeholder"></div>">Search on google</a>

只是让Jq替换div，它将是一个功能链接，或者这就是想法。

虽然我遇到了jq的问题，但是replaceWith似乎不仅仅想要输入的第一个字母。

我在这里设置了我目前所拥有的东西。

http://jsbin.com/xosafogaya/1/edit?html,js,output

从长远来看，这甚至可以用于我想要的东西吗？如果是这样，我怎样才能让它注册的不只是输入的第一个字母？

Answer 1

http://jsfiddle.net/9r246chg/

这是一个有效的演示。里面的代码是这样的

HTML

<input id="myInputText" type="text" name="inputBox" />
<a id="anchor" target="_blank" href="">Search on google</a>

的javascript / jquery的

$('#myInputText').on('input', function (e) {
$("#anchor").attr("href", "https://www.google.com/?gws_rd=ssl#q=" + $(this).val());
$("#anchor").html("Search " + $(this).val() + " on google");
});

注意我正在做的就是检测输入的变化，然后设置属性和内部html。

用输入字段文本jQuery替换div

1 个答案: