如何 hide/show 带有下拉列表的面板在 asp 中更改为 jQuery

Question

我有一个下拉列表和 5 个面板我希望下拉列表更改时只显示一个面板对于面板添加 css 代码（显示：无；）现在，如果下拉列表已更改：下拉列表的值与一个值进行比较，然后显示一个面板，隐藏其他面板。

我的代码是：

$(document).ready(function () {
    $('#DropDownList1_collection').change(function () {
        if ($("#DropDownList1_collection").val() === "abcdef")
            $('#Panel1_LavazemElectroniki').show();
    });
});

Answer 1

您可以添加相同的条件以匹配任何其他条件。

$('#DropDownList1_collection').change(function () {
    if ($("#DropDownList1_collection").val() === "abcdef"){
        $('#Panel1_LavazemElectroniki').show();
        $('#Panel2_LavazemElectroniki').hide();
        $('#Panel3_LavazemElectroniki').hide();
        $('#Panel4_LavazemElectroniki').hide();
        $('#Panel5_LavazemElectroniki').hide();
    }
});

Answer 2

你可以这样做

$('div[class^="drop-"]').hide();

$('select').change(function() {
  a = $(this).val();
  $('div[class^="drop-"]').hide();
  $('.drop-' + a).show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>
<div class="drop-1">dropdown 1</div>
<div class="drop-2">dropdown 2</div>
<div class="drop-3">dropdown 3</div>

如何 hide/show 带有下拉列表的面板在 asp 中更改为 jQuery

how to hide/show the panels with drop down list change in asp with jQuery

javascript

css

asp.net

jquery