Question

我通过dependency.i.e创建了动态下拉列表，通过选择其他下拉列表来填充下拉列表。以下是完整的代码：

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script language="javascript" type="text/javascript">
        function dynamicdropdown(listindex)
        {
            document.getElementById("subcategory").length = 0;
            switch (listindex)
            {
                case "Php" :
                    document.getElementById("subcategory").options[0]=new Option("Please select framework","");
                    document.getElementById("subcategory").options[1]=new Option("Cakephp","Cakephp");
                    document.getElementById("subcategory").options[2]=new Option("Wordpress","Wordpress");
                    document.getElementById("subcategory").options[3]=new Option("Codeigniter","Codeigniter");
                    document.getElementById("subcategory").options[4]=new Option("Joomla","Joomla");
                    document.getElementById("subcategory").options[5]=new Option("Magento","Magento");
                    break;


                case "Javascript" :
                    document.getElementById("subcategory").options[0]=new Option("Please select framework","");
                    document.getElementById("subcategory").options[1]=new Option("D-Jango","D-Jango");
                    document.getElementById("subcategory").options[2]=new Option("Angular","Angular");
                    document.getElementById("subcategory").options[3]=new Option("Prototype","Prototype");
                    document.getElementById("subcategory").options[4]=new Option("jQuery","jQuery");
                    document.getElementById("subcategory").options[5]=new Option("Backbone","Backbone");
                    break;

            }
            return true;
        }
   </script>
</head>
<title>Dynamic Drop Down List</title>
<body>
    <div class="category_div" id="category_div">Please specify language:
        <select name="category" class="required-entry" id="category" onchange="javascript: dynamicdropdown(this.options[this.selectedIndex].value);">
            <option value="">Select Language</option>
            <option value="Php">Php</option>
            <option value="Javascript">Javascript</option>
        </select>
    </div>
    <div class="sub_category_div" id="sub_category_div">Please select framework:
        <script type="text/javascript" language="JavaScript">
            document.write('<select name="subcategory" id="subcategory"><option value="">Please select framework</option></select>')
        </script>
        <noscript>
            <select name="subcategory" id="subcategory" >
                <option value="">Please select framework</option>
            </select>
        </noscript>
    </div>
</body>

现在我想让下拉菜单悬停而不是onclick。并希望将重定向链接应用于子下拉选项。请帮助我，我该怎么做。谢谢

如何在悬停时下拉以及如何将重定向链接应用于子下拉选项

0 个答案: