Adaptive html table

[phpfreakjav]

Hello, I hope somebody is able to point me in the right direction.

 

I need to make an adaptive html table.

 

When the user selects from an html form drop down menu a category only that category is displayed in the html table.

 

How do I accomplish that?

[AndyB]

Rather a vague question as there's not enough context.

 

If your content comes from a database, a query like ... WHERE category = 'the selected category' is probably a good first step.

[haku]

This is done with javascript.

[sKunKbad]

You should try the javascript forum

[phpfreakjav]

<table width="200" border="1">

  <tr>

    <th scope="col">Category 1 </th>

    <th scope="col">Category 2</th>

  </tr>

  <tr>

    <td scope="data_1">Item 1</th>

    <td scope="data_2">Item 1</th>

  </tr>

</table>

 

 

<form id="options_pane" name="option_pane" method="post" action="">

  <label>

  <select name="options" id="options">

  <option>Display All Data</option>

  <option>Display Category 1</option>

  <option> Display Category 2</option>

  </select>

  </label>

</form>

 

 

What I need.

1. A user is in a website. He click on display category 1 link. When the user enters the website only that category_1 shows in the table  but category 2 is not present.  When the user selects Display All data both columns are shown.

 

 

[haku]

As I already said:

 

This is done with javascript.

 

And as sKunKbad added:

 

You should try the javascript forum

[phpfreakjav]

here is how I did it with php no javascript

http://www.calstatela.edu/academic/aa/ess/elps/newweb/elpsworkshop_schedule.php?value=All

I pass by value and if statements select the correct information.

Show workshops: All | Tools for Teaching | ATI | WebCT | Web Development