杂志 药 工具书类 您发布的代码中没有脚本标记，这是一个奇迹，它可以在任何浏览器中工作。。。然而，fiddle在所有浏览器中都可以正常工作，应该提到：javascript在一个外部的.js文件中。包含jquery，调用了函数get。您发布的代码中没有脚本标

杂志 药 工具书类

---

您发布的代码中没有脚本标记，这是一个奇迹，它可以在任何浏览器中工作。。。然而，fiddle在所有浏览器中都可以正常工作，应该提到：javascript在一个外部的.js文件中。包含jquery，调用了函数get。您发布的代码中没有脚本标记，这是一个奇迹，它可以在任何浏览器中工作。。。然而，fiddle在所有浏览器中都可以正常工作，应该提到：javascript在一个外部的.js文件中。包含jquery，函数get的名称为.Thx。。无论如何，这是一个解决方案。Thx。。不管怎样，这都是一个解决办法。Sry。已删除-这是下一个。正确。Sry。删除-这是下一个。

<form id="formname" name="formname" method="post" action="submitform.asp" >
    <table width="50%" border="0" cellspacing="0" cellpadding="5">
        <tr>
            <td width="41%" align="right" valign="middle">Category1 :</td>
            <td width="59%" align="left" valign="middle">
                <select name="category1" id="category1">
                    <option value="">Select Category1</option>
                    <option value="home_ware">Home Ware</option>
                    <option value="education">Education</option>
                    <option value="books">Books</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align="right" valign="middle">Category2 :</td>
            <td align="left" valign="middle">
                <select disabled="disabled" id="category2" name="category2">
                    <option value>Select Category2</option>
                    <!-- Home Ware -->
                    <option rel="home_ware" value="air-conditioners_coolers">Air-Conditioners/Coolers</option>
                    <option rel="home_ware" value="audio-video">Audio/Video</option>
                    <option rel="home_ware" value="beddings">Beddings</option>
                    <option rel="home_ware" value="camera">Camera</option>
                    <option rel="home_ware" value="cell-phones">Cell Phones</option>
                    <!-- Education -->
                    <option rel="Education" value="Colleges">Colleges</option>
                    <option rel="Education" value="Institutes">Institutes</option>
                    <option rel="Education" value="Schools">Schools</option>
                    <option rel="Education" value="Tuitions">Tuitions</option>
                    <option rel="Education" value="Universities">Universities</option>
                    <!-- Books -->
                    <option rel="Books" value="College Books">College Books</option>
                    <option rel="Books" value="Engineering">Engineering</option>
                    <option rel="Books" value="Magazines">Magazines</option>
                    <option rel="Books" value="Medicine">Medicine</option>
                    <option rel="Books" value="References">References</option>
                </select>
            </td>
        </tr>
    </table>
</form>

$(function(){

    var $cat = $("#category1"),
        $subcat = $("#category2");

    $cat.on("change",function(){
        var _rel = $(this).val();
        $subcat.find("option").attr("style","");
        $subcat.val("");
        if(!_rel) return $subcat.prop("disabled",true);
        $subcat.find("[rel="+_rel+"]").show();
        $subcat.prop("disabled",false);
    });   
});