下拉框联动

来源：互联网发布：yum安装lnmp环境搭建编辑：程序博客网时间：2024/05/16 09:43
<html> <head> <title>Related Select Test</title> <meta http-equiv="content-type" content="text/html; charset=GBK" /> <script type="text/javascript">  <!-- // Create an array to hold the cities for each country var cities = new Array(4); cities["Australia"] =       ["Sydney", "Melbourne", "Canberra", "Perth", "Brisbane"]; cities["France"] =        ["Paris", "Lyons", "Nice", "Dijon"]; cities["Japan"] = ["Tokyo", "Kyoto", "Osaka", "Nara"]; cities["New Zealand"] =        ["Auckland", "Wellington", "Christchurch", "Dunedin", "Queenstown"];   function removeOptions(optionMenu) {   for (var i=0; i < optionMenu.options.length; i++)     optionMenu.options[i] = null; }   function addOptions(optionList, optionMenu) {  removeOptions(optionMenu);  // clear out the options  for (var i=0; i < optionList.length; i++)   optionMenu.options[i] = new Option(optionList[i]+"显示内容", optionList[i]);} //--> </script> </head> <body> <h2>Vacation Chooser</h2> <form name="testform" id="testform" action="#" method="get"> Country: <select name="country" id="country"  onchange="addOptions(cities[this.options[this.selectedIndex].text],                               document.testform.city);">       <option selected="selected">Australia</option>       <option>France</option>       <option>Japan</option>       <option>New Zealand</option> </select>   City: <select name="city" id="city">       <option>Sydney</option>       <option>Melbourne</option>       <option>Canberra</option>       <option>Perth</option>       <option>Brisbane</option> </select> </form> </body> </html>The previous