html - 如何仅使用一种 INPUT TYPE = "text" 进行两次调查

Question

如何仅使用一种 INPUT TYPE = "text" 进行两次调查

<FORM method="GET" action="http://www.youtube.com/results?q="> 
</A><br> <A HREF="http://www.youtube.com/"> </A> 
**<INPUT TYPE="text" name="q" size=25 maxlength=270 value="" background-color="#ff00ff" >** 
<INPUT type="submit" name="btnY" VALUE="Youtube"> 
</FORM>  

<FORM method="GET" action="http://www.google.com/search"> 
</A> <A HREF="http://www.google.com/"> </A> 
**<INPUT TYPE="text" name="q" size=25 maxlength=270 value="" background-color="#ff00ff">** 
<INPUT type="submit" name="btnG" VALUE="Google"> 
</FORM> 

Answer 1

你可以像这样使用一些想法

html

**<INPUT id="inputLink" TYPE="text"size=25 maxlength=270 background-color="#ff00ff" >** 
<a id="searchOnYoutube" href=""><button>Youtube</button></a>
<a id="searchOnGoogle" href=""><button>Google</button></a>

和 jQuery

$("#inputLink").keyup( function(){
    var search = $(this).val();
    $("#searchOnYoutube").attr("href", "http://www.youtube.com/results?q="+search);
    $("#searchOnGoogle").attr("href", "http://www.google.com/search="+search);
});

jQuery keyup 功能刷新 Google 按钮和 Youtube 按钮的链接尝试 jsFiddle：http: //jsfiddle.net/p22fw/