Javascript-js How to implement the functions of multiple search boxes

I would like to do a search box similar to the following, when the user enters a value, click on the options above will jump to different links,

For example, I enter QQ,
Click on the "News" above, will jump to NEWS.PHP/?KW=QQ
Or click on the "" above and jump to HWEIXIN.PHP/?KW=QQ
Or click on "Ask" above. Will jump to WENWEN.PHP/?KW=QQ
.........
Specific effect look Sogou homepage
When the user enters a value, click on the option above to jump to a different link, with javascript+html how to write. Trouble with complete code. Thank you. I do the art,

Reply content:

I would like to do a search box similar to the following, when the user enters a value, click on the options above will jump to different links,

For example, I enter QQ,
Click on the "News" above, will jump to NEWS.PHP/?KW=QQ
Or click on the "" above and jump to HWEIXIN.PHP/?KW=QQ
Or click on "Ask" above. Will jump to WENWEN.PHP/?KW=QQ
.........
Specific effect look Sogou homepage
When the user enters a value, click on the option above to jump to a different link, with javascript+html how to write. Trouble with complete code. Thank you. I do the art,

  
  
   
   QQ
  
  

Javascript

var f = $("form")$("nav > a").click(function(){  f.attr("action", $(this).attr("href"))  f.submit()})

