在所选值

Question

＆＃13;

＆＃13;

<div class="availability-form">
  <select class="awe-select" id="dayss">
    <option value="one">For 1 Day</option>
    <option value="more">For More Days</option>
  </select>
  <input type="text" name="book_date" id="arrival" class="awe-calendar" placeholder="Booking Date">
  <input type="text" name="book_dep_date" id="departure" class="awe-calendar" placeholder="Booking Departure Date">
  <div class="vailability-submit">
    <button class="awe-btn awe-btn-13" type="submit" name="chk" style="margin-top: -9px;margin-left: 20px;">FIND Availability</button>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#dayss').on('change', function() {
    var a = $('#dayss').val();
    if (a == 'one') {
      $('#departure').removeClass('awe-calendar'),
        $('#departure').addClass('hidden');
    } else {
      $('#departure').removeClass('hidden'),
        $('#departure').addClass('awe-calendar');
    }
  });
});

＆＃13;

＆＃13;

＆＃13;

如果条件为真，则只有＆＃39; addClass（＆＃39;隐藏＆＃39;）＆＃39;工作不起作用＆＃39; removeClass（awe-calendar）＆＃39;。请帮忙。

Answer 1

$(document).ready(function(){
    $('#dayss').on('change', function(){
        var a  = $('#dayss').val();
        if(a == 'one') {
            $('#departure').removeClass('awe-calendar').addClass('hidden');
        }
        else{
            $('#departure').removeClass('hidden').addClass('awe-calendar');
        }
    });
});

工作演示

$(document).ready(function(){
    $('#dayss').on('change', function(){
        var a  = $('#dayss').val();
        if(a == 'one') {
            $('#departure').removeClass('awe-calendar').addClass('hidden');
        }
        else{
            $('#departure').removeClass('hidden').addClass('awe-calendar');
        }
    });
});

.hidden{
    display:none;
}
.awe-calendar{
    display:inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="availability-form">
  <select class="awe-select" id="dayss">
    <option value="one">For 1 Day</option>
    <option value="more">For More Days</option>
  </select>
  <input type="text" name="book_date" id="arrival" class="awe-calendar" placeholder="Booking Date">
  <input type="text" name="book_dep_date" id="departure" class="hidden" placeholder="Booking Departure Date">
  <div class="vailability-submit">
    <button class="awe-btn awe-btn-13" type="submit" name="chk" style="margin-top: -9px;margin-left: 20px;">FIND Availability</button>
  </div>
</div>