Adjust JavaScript for radio buttons replaced with dropdown select

229 100+

Hi, I want to replace the input type="radio" with a dropdown <select>. I wonder if anyone could tell me how to adjust the javascript. I have tried replacing "checked" with "select" but it didnt work.

Expand|Select|Wrap|Line Numbers

 <html>
 
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Name</title><script src="/js/validatesearch.js" type="text/javascript"></script>

</head>
 
<body>

<script type="text/javascript" language="JavaScript">

<!-- Copyright 2003 Bontrager Connection, LLC

// See article "Changing Form Action URLs On-The-Fly" linked 

// from URL /library/archives 

// for more information about how to use this code.

function ActionDeterminator()

{

if(document.myform.reason[0].checked == true) {

document.myform.action = '/search.asp';

}

if(document.myform.reason[1].checked == true) {

document.myform.action = '/businesssearch.asp';

}

if(document.myform.reason[2].checked == true) {

document.myform.action = 'artschoolsearch.asp';

}

return true;

}

// -->

</script>
 
<form name="myform" method="post" action="search.asp" onsubmit="return validate_form(this)">
 
<input type="text" size="12" name="SearchWord" style="border: 0px solid #000; padding: 0px; background-color: #c0c0c0; margin-left: 0px; margin-right: 0px; vertical-align: middle;">

<input onClick="return ActionDeterminator();" value="search" type="submit" style="border: 0px solid #000; padding: 1px 2px; background-color: #808080;margin-left: 1px;  vertical-align: middle; font-size: 10px; font-family: Verdana;" >
 
<input type="radio" checked name="reason">art

<input type="radio" name="reason">business

<input type="radio" name="reason">tips
 
</form>

</body>
 
</html>

so swap the select for something like this.

Expand|Select|Wrap|Line Numbers

 <select>

<option selected>please select</option>

<OPTION>----------------------------------</Option>

<option>art</option>

<option>business</option>

<option>tips</option>

</select>

Any help would be great.
Thanks
Richard

Aug 14 '08 #1

Subscribe Post Reply

1784

acoder

16,027

Expert Mod 8TB

Add values to the options set as the URL to set the action to, then change ActionDeterminator to something like:

Expand|Select|Wrap|Line Numbers

 function ActionDeterminator()

{

    var val = document.myform.reason.value;

    if (val != "") {

        document.myform.action = val;

    }

    return true;

}

PS. changed thread title to give it a better description.

Aug 14 '08 #2

fran7

229

100+

thanks a lot
richard

Aug 14 '08 #3

acoder

16,027

Expert Mod 8TB

You're welcome. Glad it's working :)

Aug 14 '08 #4

by: Kevin Lyons | last post by:

Hello, I am trying to get my select options (courses) passed correctly from the following URL: http://www.dslextreme.com/users/kevinlyons/selectBoxes.html I am having difficulty getting the...

Javascript

Disable radio buttons?

by: James Gardner | last post by:

Within a single form I have a dropdown select box with 2 options and 2 radio buttons. If someone selects option 2 in the dropdown I would like to make the radio buttons disabled, such that you...

Javascript

SIMPLE Javascript Calculator

by: firstcustomer | last post by:

Hi, Firstly, I know NOTHING about Javascript I'm afraid, so I'm hoping that someone will be able to point me to a ready-made solution to my problem! A friend of mine (honest!) is wanting to...

Javascript

php and Javascript call to change radio button

by: IchBin | last post by:

I am trying to set the state of a radio button. I do not see what I am doing wrong. Sorry, I am new at this.. I need another set of eyes to look at this snip of code. I am trying to set the radio...

Javascript

find test answers in JAVASCRIPT/ source code

by: emily224 | last post by:

Hello, I have been trying to understand this source code, which I retreived from my online course test. I would like to know how to find the answer for the question on the test. Im sure the answer...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Adjust JavaScript for radio buttons replaced with dropdown select

Similar topics