将 div 替换为输入字段文本 jQuery

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 就可以发挥作用 link，或者就是这个想法。

虽然我在使用 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。

将 div 替换为输入字段文本 jQuery

Replace div with input field text jQuery

forms

jquery

text

replace

input