Question : Using a select box instead of tabs  to change content of div

Dynamic Drive has an example of tabbed content using tabs here:

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

which uses tabs in a "ul" like this:

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

Is it possble to use a selectbox instead to change the content like

<select name="field1"onchange="BLAH BLAH BLAH">
<option value="1"rel="country1">1</option>
<option value="1"rel="country2">2</option>
<option value="1"rel="country3">3</option>
<option value="1"rel="country4">4</option>
</select>

Let me know. Thanks

index.php (1 KB) (File Type Details) 

example html

Attachments:

tabcontent.css (3 KB) (File Type Details) 

css

tabcontent.js (8 KB) (File Type Details) 

the js

Answer : Using a select box instead of tabs  to change content of div

Why did you choose to close the question instead of accepting my answers? You asked if a concept was possible and I gave you plenty of resources plus my own ideas on how you could make it work.

From your finished example it looks like you took the functions and events I mentioned and gave you reference examples of and got something working.