Quiero hacer una página con algo mas que HTML y CSS. Tengo esto:
He buscado por internet y no encontre nada que esté bien explicado o que me sirva realmente. Lo que yo quiero hacer es que al seleccionar una opción de mi <select>
se muestren solo algunos objetos de mi tabla. Como ven, tengo un "ALL" que mostraria todos, pero tambien tengo otros individuales que mostrarían unos especificos.
Aca dejo parte del codigo. Select:
<select>
<option>ALL</option>
<option>Scout</option>
<option>Soldier</option>
<option>Pyro</option>
<option>Demoman</option>
<option>Heavy</option>
<option>Engineer</option>
<option>Medic</option>
<option>Sniper</option>
<option>Spy</option>
</select>
Tabla(reducida)
<table width="1000px"; style="margin: 0 auto;">
<thead>
<tr>
<th>Icon</th>
<th>Item</th>
<th>Selling at</th>
<th>Buying at</th>
<th>Stock</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="#"/></td>
<td>Beastly Bonnet</td>
<td>1.33 refined</td>
<td>1 refined</td>
<td>33/100</td>
</tr>
<tr>
<td><img src="#"/></td>
<td>Big Elfin Deal</td>
<td>2 keys + 4.22 refined</td>
<td>1 key + 15.11 refined</td>
<td>33/100</td>
</tr>
</tbody>
</table>