Multiple Search Options - Radio Buttons Instead Of Drop Down List

Click For Summary
The discussion focuses on creating a search form that utilizes radio buttons instead of a drop-down list for selecting search engines. A tutorial is referenced, and a code snippet is provided that demonstrates how to implement this functionality. The code includes an input field for search terms and several radio buttons for different search engines, such as Google, Alta Vista, Dogpile, and Yahoo. When a user selects a radio button, the corresponding search engine URL is set, allowing the search to be executed when the button is clicked. This approach enhances user experience by providing a clear selection method for search options.
jleung
Messages
3
Reaction score
0
The tutorial on how to make a search form with multiple search options was excellent!

http://www.mediacollege.com/internet/javascript/form/multi-search.html

However, is it possible to use radio buttons instead of a drop-down list?Can someone be kind enough to show me the code for it?

Million thanks.
 
Technology news on Phys.org
You can do for example:
Code: 
<html>
<body>
    <script language="JavaScript">eng = 'http://www.google.com/search?q=';</script>  
    For: 
    <input type="text" id="searchterms">
    <input type="button" value="Search" onload="" onclick="window.location = eng + escape(document.getElementById('searchterms').value); return false;">
    <br />Search: 
    <input type="radio" onclick="eng = this.value;" checked name="sengines" value="http://www.google.com/search?q=" />Google
    <input type="radio" onclick="eng = this.value;" name="sengines" value="http://www.altavista.com/web/results?q=" />Alta Vista
    <input type="radio" onclick="eng = this.value;" name="sengines" value="[PLAIN]http://www.dogpile.com/info.dogpl/search/web/"[/PLAIN]  />Dogpile
    <input type="radio" onclick="eng = this.value;" name="sengines" value="http://search.yahoo.com/search?p=" />Yahoo!    
</body>
</html>
 
Last edited by a moderator:

Thread 'For those who ask: "What programming language should I learn?"'

Learn If you want to write code for Python Machine learning, AI Statistics/data analysis Scientific research Web application servers Some microcontrollers JavaScript/Node JS/TypeScript Web sites Web application servers C# Games (Unity) Consumer applications (Windows) Business applications C++ Games (Unreal Engine) Operating systems, device drivers Microcontrollers/embedded systems Consumer applications (Linux) Some more tips: Do not learn C++ (or any other dialect of C) as a...
View full post »

Similar threads

Do you want to build a website?
  • · Replies 15 ·
Replies
15
Views
3K
Requesting suggestions for languages, libraries, and architectures for parallel (and sometimes non parallel) numerical and scientific computations
  • · Replies 8 ·
Replies
8
Views
4K
Trouble with Extended Multiplication in LC-3 Assembly
  • · Replies 1 ·
Replies
1
Views
3K
Comp Sci JavaScript Problem: Code Access Between Frames
  • · Replies 7 ·
Replies
7
Views
3K
Motion of particle dropped onto an elastic band
  • · Replies 3 ·
Replies
3
Views
5K
Physics Third Year in Physics BS, What to do Next?
  • · Replies 1 ·
Replies
1
Views
2K
WaveGrid - Non-equilibrium Emergence Sandbox
  • · Replies 1 ·
Replies
1
Views
2K
Writing: Input Wanted What Makes Great Lakes Earth So Geographically Unique?
  • · Replies 6 ·
Replies
6
Views
3K
Mathematica How to type mathematical equations using LaTeX
  • · Replies 3 ·
Replies
3
Views
2K
Physics Non-academic career options for the theroetical physicist
  • · Replies 80 ·
3
Replies
80
Views
68K