Javascript 使用MVC重用Jquery下拉列表

我正在尝试制作一个下拉列表，我已经在多个局部视图上显示了该列表，可以多次打开。我试图让jquery函数处理每个实例，而不是只处理一个实例。 此外，当您选择第一个下拉列表时，另一个下拉列表将直接显示在其旁边，并带有更多选项

这是我观点的一个例子

    <div class="pad5"><span class="FieldLabel">Application *</span><span>@Html.DropDownListFor(model => model.GeneralID, Model.GeneralOptions, "Select", new { id = "General" })
       @Html.DropDownListFor(model => model.Option1ID, Model.Option1, "--Choose One--", new { id = "Option1", style = "display:none" })
       @Html.DropDownListFor(model => model.Option2ID, Model.Option2, "--Choose One--", new { id = "Option2", style = "display:none" })
       @Html.DropDownListFor(model => model.Option3ID, Model.Option3, "--Choose One--", new { id = "Option3", style = "display:none" })
       @Html.DropDownListFor(model => model.Option4ID, Model.Option4, "--Choose One--", new { id = "Option4", style = "display:none" })
       @Html.DropDownListFor(model => model.Option5ID, Model.Option5, "--Choose One--", new { id = "Option5", style = "display:none" })
       @Html.DropDownListFor(model => model.Option6ID, Model.Option6, "--Choose One--", new { id = "Option6", style = "display:none" })
       @Html.DropDownListFor(model => model.Option7, Model.Option7, "--Choose One--", new { id = "Option7", style = "display:none" })
    </span>

我试图让它与类一起工作，但语法不正确

编辑

选择
选择1
选择2
选择3
选择4
选择5
选择6
选择7

——选择一个--
选择1
选择2
选择3
选择4
选择5
选择6
选择7
选择8
其他

呈现的html是什么？@Sushil你是什么意思？使用此MVC代码生成的html是什么？如果我有足够的时间，我可以创作小提琴html@Sushil请参见编辑，前面的每个选项都有另一个选择列表，该列表有4-8个选项。让我看看我能做些什么。

    $('#General').change(function () {
    var selectedValue = $('#General').val(); //selectedValue will get "Option7" if thats whats selected
    if (selectedValue != 0) {//Default value for select list is 0 so if you pick "Select" it will reset
        $('#' + selectedValue).show().siblings().hide();
        $('#General').show();
    }
    else {
        $('#General').siblings().hide().val(0);
    }
});

   <span><select data-val="true" data-val-number="The field ProductsID must be a number." data-val-required="The ProductsID field is required." id="General" name="ProductsID"><option value="">Select</option>
    <option>Option1</option>
    <option>Option2</option>
    <option>Option3</option>
    <option>Option4</option>
    <option>Option5</option>
    <option>Option6</option>
    <option>Option7</option>

<select data-val="true" data-val-number="The field AeroSpaceID must be a number." data-val-required="The Options1ID field is required." id="Option1" name="Options1ID" style="display:none"><option value="">--Choose One--</option>
<option>Choice1</option>
<option>Choice2</option>
<option>Choice3</option>
<option>Choice4</option>
<option>Choice5</option>
<option>Choice6</option>
<option>Choice7</option>
<option>Choice8</option>
<option>Other</option>
</select>