Select 如何生成选择选项取决于单选按钮的选择

我正在尝试使用2个单选按钮和2个选择选项元素创建web表单：

    <input type="radio" name="optionsRadio" value="oA">Option A <br>
    <input type="radio" name="optionsRadio" value="oB">Option B

    Option1:<select id="mainCategDropMenu" name="mainCategDropMenu"></select>
                <br />
    Option2:<select name="subCategDropMenu" id="subCategDropMenu"></select>
                <script language="javascript">
                    mainCateg("mainCategDropMenu", "subCategDropMenu");

                </script>

选项A

方案B
备选案文1：


备选案文2：
mainCateg（“mainCategDropMenu”、“subCategDropMenu”）；

我搜索了很多，最后我定制了它，使第二个选择选项是基于第一个选择生成的

我需要选择单选按钮，然后生成一个包含至少3个选项的选择选项，如果我选择一个生成的选项，它将生成第二个选择选项

请使用此JSFIDLE：

---

您熟悉AJAX方法吗？如果是的话，你为什么不使用它呢？那容易多了。不，有没有其他方法来解决这个问题！所以你不想要AJAX方法？（'other'可以指你自己的方法或AJAX方法。）是的：）这就是我需要的，我需要使用另一种方法来代替AJAX方法，或者如果可能的话&当然，让我的方法工作起来会很好！！除息的