Как скрыть DropDown с помощью JavaScript и показать, когда значение «Только один» выбирает «Другое» 4

Question

// Мне нужно скрыть раскрывающийся список «meterView», и когда кто-нибудь выберет значение «Обход» // «4», то в раскрывающемся меню «Скрыть счетчик метров» будет показано, как мне действительно запутаться?

                        <div class="form-group col-md-12">
                                <label>State & Action:</label>
                                <div class="input-group col-md-12">
                                    <asp:DropDownList ID="upStateLB" runat="server" CssClass="form-control selectpicker">
                                      <asp:ListItem Text="<<===Status===>>" disabled="true" Value=">" />
                                        <asp:ListItem Value="5">Hybrid</asp:ListItem>
                                        <asp:ListItem Value="4">Bypass</asp:ListItem>
                                        <asp:ListItem Value="3">Rented</asp:ListItem>
                                        <asp:ListItem Text="<<===Action===>>" disabled="true" Value=">" />
                                        <asp:ListItem Value="1">Activate</asp:ListItem>
                                        <asp:ListItem Value="0">Disable</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                            </div>

                            <div id="meterView" style="display:none" class="form-group col-md-12">
                                <label>Meters</label>
                                <div id="meterdropdown" class="input-group col-md-12">
                                    <asp:ListBox ID="DeviceLB" runat="server" SelectionMode="Multiple" CssClass="form-control selectpicker" data-live-search="true" data-actions-box="true" title="Select Meters" multiple></asp:ListBox>
                                </div>
                            </div>

Answer 1

Измените код, как показано ниже,

1) Включите дополнительное свойство ClientIDMode="Static" в раскрывающемся списке,

<asp:DropDownList ID="upStateLB" ClientIDMode="Static"></asp:DropDownList>

2) Добавьте код Javascript:

<script type="text/javascript">
    $(document).ready(function () {
        $('#upStateLB').change(function () {
            document.getElementById("meterView").style.display = ($(this).val() == 4) ? "inline" : "none";
        });
    });
</script>