Question

嗨，我很难隐藏我的div。我的CampusID div没有隐藏。任何帮助/建议将不胜感激

＆＃13;

$(document).ready(function() {
  $('#Type').change(function() {
    if ($('#type').val() == '1') {
      $('#CampusID').hide();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="input form-control" id="Type" name="Type" required>
  <option value="1">Student</option>
  <option value="2">Employee</option>
</select>

<div class="form-group" id="CampusID">
  <label>Campus</label>
  <select class="input form-control" id="CampusID" name="CampusID">
    <option value="CampusID">---Select Campus---</option>
  </select>
</div>

＆＃13;

Answer 1

选择器区分大小写，type Type中的if

if($('#Type').val() == '1') {

甚至

if( $(this).val() == '1') {

Answer 2

错字

if($('#type').val() == '1') {

应该是

if($('#Type').val() == '1') {

Answer 3

您的代码中有一个错字（您选择了$("type")，但它应该是$("Type")），另外您使用$(document).ready() });两次>

至于未来，我建议您使用camelCase代替ID而不是PascalCase，这通常用于class中的Javascript个名称

<select class="input form-control" id="type" name="type" required>
    <option value="1">Student</option>
    <option value="2">Employee</option>
</select>


<div class="form-group" id="CampusID">
    <label>Campus</label>
    <select class="input form-control" id="CampusID" name="CampusID">
        <option value="CampusID">---Select Campus---</option>
    </select>
</div>

<script type="text/javascript">
  $(document).ready(function () {
    $('#type').change(function () {
      if ($(this).val() == '1') {
        $('#CampusID').hide();
      }
    });
  });
</script>

Div并不隐藏变化

3 个答案: