c# - 如何使用 JQuery 禁用 "specific"下拉菜单

Question

我的目标:选中单选按钮将禁用多个单独表格中下拉列表的“相同”列。

我知道您可以分配 ID 并根据这些 ID 采取行动，或者使用标签名称。但是，我是 ASP 的新手，并且有一个独特的情况，即这些选项表面上都不适合我。

我有一个 Web 表单，它有多个部分。每个部分由一个包含 3 列和 X 行数的表格组成。第一列用于提出问题，第二列和第三列引用正文的左侧和右侧，每列都有一个答案下拉列表:

例子

 <asp:ContentGroup ID="contentgroup1" runat="server" Title="Sometitle">
<table id="Table1" runat="server">
    <tr>
        <td style="text-indent: 20px">
             Do you feel pain:
            </td>
            <td>
                <asp:DropDownList ID="dropdown1" runat="server" TabIndex="601">
                </asp:DropDownList>
            </td>
            <td>
                <asp:DropDownList ID="dropdown2" runat="server" TabIndex="701">
                </asp:DropDownList>
            </td>
    </tr>
</table>
<asp:ContentGroup ID="contentgroup2" runat="server" Title="Sometitle">
<table id="Table2" runat="server">
    <tr>
        <td style="text-indent: 20px">
             Do you feel numbness?
            </td>
            <td>
                <asp:DropDownList ID="dropdown3" runat="server" TabIndex="601">
                </asp:DropDownList>
            </td>
            <td>
                <asp:DropDownList ID="dropdown4" runat="server" TabIndex="701">
                </asp:DropDownList>
            </td>
    </tr>
</table>

所以我显然不能做类似的事情

var x = document.getElementById('table1').getElementsByTagName("select");
var y = document.getElementById('table2').getElementsByTagName("select");

或者我会使用所有下拉列表。我知道类不必是唯一的，这是唯一的方法吗 - 为左列的所有分配一个“class='left'”，为右侧的所有列分配一个“右”类并执行每个类都有一些 JavaScript？

目标:将为“左侧”指定一个单选按钮，为“右侧”指定一个单选按钮。选择单选按钮将禁用表单上所有表格中下拉列表的相应列。

谢谢

Answer 1

如果您使用的是 JQuery，则可以使用 CSS 选择器来选择表格的特定列。既然你说 select如果单击其中一个单选按钮，应在多个表中禁用元素，我会给每个表一个类，例如 <table class="disable-columns"></table> .然后将该类名与 JQuery 出色的 CSS 选择器支持结合使用来选择 select。表格中间列中的元素

var leftDropDownLists = $("table.disable-columns tr td:first-child + td select");

然后选择 select第三列元素

var rightDropDownLists = $("table.disable-columns tr td:firstchild + td + td select");

你可以去这里:http://www.w3.org/TR/CSS2/selector.html获取有关您可用的不同 CSS 选择器的文档。