如何使用jQuery显示/隐藏下拉选择更改时的标签

Question

我需要使用jquery根据下拉选择显示和隐藏标签名称，我正在使用下面的jquery代码，但是它不起作用

InputArea

  $(document).ready(function () {
            $('#ddlselect').on('change', function () {
                if (this.value == '1')
                {
                    $("#dvtype").show();
                }
                else {
                    $("#dvtype").hide();
                }
            });
        });

Answer 1

您没有设置ID

$(document).ready(function () {
        $('#ddlselect').on('change', function () {
            if (this.value == '1')
            {
                $("#dvtype").show();
            }
            else {
                $("#dvtype").hide();
            }
        });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label id="dvtype" for="dvtype">Type</label>
<select id="ddlselect" style="width: 55px;">
<option value="1">1</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>

Answer 2

$(document).ready(function () {
        $('#ddlselect').on('change', function () {
            if (this.value == '1')
            {
                $("#dvtype").show();
            }
            else {
                $("#dvtype").hide();
            }
        });
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<label id="dvtype">Type</label>
<select id="ddlselect" style="width: 55px;">
   <option label="Show" value="1">Show</option>
  <option label="Hide"  value="0">Hide</option>
</select>

Answer 3

在标签标签中添加ID，例如；

<label for="dvtype" id="dvtype">Type</label>

您的代码无法正常工作，因为jquery选择器即$（'＃dvtype'）不知道它指向的是ID。