Changing second list components based on first list valueWe have seen how to populate a drop down list box by taking data from a table. Now we will design two drop down list boxes and try to learn how to manage options of the second drop down list box based on the selection of the first drop down list box. There are many such requirements where user select the value in first list and then second list changes to show available options under the selected data of first list. For example if we have a list of states of USA in the first list and the cities list in the second list, then on selection of a state from first list the second list should change to show only the cities of selected state in USA.
Another example is our employee table. In first drop down list box the name of the departments will appear. As we select a department from the first list the second list should show the employees of the selected department only. You can see how the first department list is populated by taking data from the Access table in our dynamic population of list box tutorial . Such requirements are very common and often used in different web sites.
This particular script reloads the browser on selection of the first drop down list box and sends the data back to server. From server the options of the second list box are managed. So we will be using server side scripting languages to manage the operation.
Read how Ajax is used to manage two drop down lists in PHP section.
We will not discuss on how to connect to db, how to display data or how to populate list box with table data here. ( It is advisable to learn all these before reading this tutorial ).
The above code gets executed once the first drop down list box is selected, it collects the selected value of the first drop down list box ( here it is dept ) and then redirects the page with the value of department in the query string. Note that our file name is emp.asp, so once the department name is selected, then the url at the address bar should look like this.
Now the selected value of the dept is to be collected from the query string by using Request object.
So this way we can get the value of the department and store it in the variable dept.
Now let us create object connection and record set. We will not discuss much on this as the tutorials are available here.
Now for first drop down list box, we will start here. Let us first write the query to collect all single department names from the table by using distinct sql.
Now let us populate the drop down list box by taking data from the table.
Note that The second list is populated once the value for dept is stored by selection of the first list.
Download the asp code with access db here
This article is written by plus2net.com team.
Be the first to post comment on this article :
|Changing second list values based on selection of first list|
Connecting string and recordset object for data handling of Access db
Recordset object properties like EOF, BOF, MoveNext etc in ASP to browse through the records
Displaying all the records of an access table by looping through the records
Dynamically listing drop down list options with formatted access table data