在html下拉框里让每个选项执行对应事件

<select id="products" name="products" tabindex="10" >                    <option value=" " selected="selected" > </option>                    <option value="All">All</option>                    <option value="Music">Music</option>           <option value="Video">Videos</option>     </select>//改为:<select id="products" name="products" tabindex="10"  onchange="show(this.value)">                     <option value=" " selected="selected" > </option>                     <option value="All">All</option>                     <option value="1">Music</option>            <option value="2">Videos</option>      </select>//  onchange="show(this.value)" 三指当前元素改变时触发// 所以show(index) 中的参数值还有可能是all所以把js部分改为if (index == 1) {         document.getElementById("music").style.display="block"         document.getElementById("videos").style.display="none"     }     else if(index == 2) {         document.getElementById("music").style.display="none"         document.getElementById("vidoes").style.display="block"            }        else{document.getElementById("music").style.display="block"          document.getElementById("vidoes").style.display="block" }

既然你说到了数据库，那就分前后端给你讲吧

前端：点击一个选项，另一个框里面的选项也改变，这个效果其实就是在你触发那个选项的点击事件的时候，把不要展示的隐藏起来，而需要展示的展示出来。至于数据，你可以点击后异步加载出来，或者页面载入的时候就加载好。

后台：数据的话，上面讲了，你可以页面载入的时候同步加载，也可以在点击事件里面异步加载。

---