Dropdown box with onchange() in javascript

Hi,
i'm trying to write javascript code for "changing the webpage contents whenever i'm selecting one option in dropdown box, like if dropdown box is there with options a,b,c,d... then when i select 'a', one table for 'a' should display and when i select 'b', one table for 'b' should display on the same page".

that is i want plz any one of u post Answr to this Question.

Thanking you

Dec 1 '07 #1

Subscribe Post Reply

2266

Markus

6,050

Expert 4TB

If you can write some of the code yourself and prove that we wouldn't be writing this just to help you through some exam, then i'd be happy to help.

But until you do so, read some tutorials.

Dec 1 '07 #2

acoder

16,027

Expert Mod 8TB

i'm trying to write javascript code for "changing the webpage contents whenever i'm selecting one option in dropdown box, like if dropdown box is there with options a,b,c,d... then when i select 'a', one table for 'a' should display and when i select 'b', one table for 'b' should display on the same page".

Hide all the tables and display the required one onchange. Show your code.

Dec 1 '07 #3

sairaghava

If you can write some of the code yourself and prove that we wouldn't be writing this just to help you through some exam, then i'd be happy to help.

But until you do so, read some tutorials.

-----------------------------------------------------------------------------------------------------------------------
Hi markusn00b,
yaa i'm sorry , i didnt send the code. okay this is my code just look into it. Where should i write code to display tables according to selected options and how to write . plz help me.

Expand|Select|Wrap|Line Numbers

 <body>

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

function switchpage(select) 

{

    var index;

    var global;    

    alert("No.of options "+select.options.length+" ");
 
    for(index=0; index < select.options.length; index++)

    {

        if(select.options[index].selected)

        {

            if(select.options[index].value != "")

            {

                global = select.options[index].value;

                alert("Selected "+global+" ");

                break;              

            }

        }

    }

    if(global=="a")

    {

        alert("this is A");

        // code for displaying one table for 'a'

    }

    if(global=="b")

    {    

        alert("this is B");

        // code for displaying one table for 'b'

    }    

}

</script>

<form method="post">

<select name="url" onchange=switchpage(this)>

    <option value="a">a</option>

    <option value="b">b</option>

    <option value="c">c</option>

    <option value="d">d</option>

</select>Select

</form>

</body>

Dec 2 '07 #4

acoder

16,027

Expert Mod 8TB

Put the tables where you need them to appear on the page and keep them hidden:
[HTML]<table ... style="display:none">[/HTML] then show them by setting the style.display property to "block".

By the way, you can just use select.value to get the selected value rather than using a for loop.

Dec 2 '07 #5

Similar topics

Dropdown list "onchange" help

by: Mark Durgee | last post by:

I have a "submit" button in a form that creates a record in my Filemaker database that works as it should. This is the HTML for it: <INPUT TYPE="SUBMIT" name="-New" VALUE="Add Record"> I...

Javascript

making div appear on dropdown selection

by: middletree | last post by:

For an ASp Intranet app, I have some code that should work, but I am not able to make it happen for some reason, after spending considerable time on this. I am pretty thick when it comes to...

Javascript

DropDown question

by: Jon | last post by:

I am using cascading dropdowns, where the selection in one determines what fills another. In regular ASP I simply loaded a giant dataset into javascript array and when you clicked on one dropdown,...

ASP.NET

onchange of a dropdown

by: DaveF | last post by:

I need to capture a selected value of the onchange dropdown and put it in a textbox??? -- Dave

ASP.NET

Calling Javascript on a Dropdown list

by: =?Utf-8?B?Qw==?= | last post by:

I have a dropdown list as below. I add an onchnage attribute in my codebehind to call some Javascript. I want to get the selected text from my dropdown. What am I doing wrong below? ...

ASP.NET

using dropdown / dynamic display change

by: J MCallister | last post by:

Hello, I am working on a shopping cart where the viewer sees a dropdown with shipping options, each with a price. Elsewhere on the page is a display of the total. I am working on having the...

Javascript

I need onchange in javascript for two dropdown list

by: madhusudangosula | last post by:

I need onchange in javascript for two dropdown list.. I have two dropdown list 1.Activity Type 2.Category At present both are independent to each other... Now the thing is i need to map...

Javascript

Link two dropdowns so the second dropdown can use sql query

by: zion4ever | last post by:

Hello good people, Please bear with me as this is my first post and I am relative new to ASP. I do have VB6 experience. I have a form which enables users within our company to do an intranet...

ASP / Active Server Pages

Populating drop down menu from databse on onChnage() of first dropdown without refre

by: tokcy | last post by:

Hi everyone, I am new in php and ajax, i am facing the prob while i click on element of first drop down then in second dropdown all element showl come from database. I mean i have three dropdown 1....

Javascript

Js function to change respecive cell value onchange selected value of dropdown value

by: tarunkhatri | last post by:

Hi. I have a javascript function to change the value of the cell on chnage event of a dropdown list.My code is workin but the problem is that the value of the cell is chaning but not respective to...

Javascript

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

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

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

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

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++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware