javascript - jQuery 根据选择选项显示/隐藏 div

Question

所以我知道这个问题已经被问了很多，我已经浏览了几篇文章，并且似乎已经完成了所说的内容，但无法让它发挥作用。您可以看到my page here .

本质上，我想显示一个 div 并使其输入/选择成为必需(一旦显示；如果隐藏，则不需要)。显然，div 应该根据选择显示/隐藏。

$('#table-meals, .product-addon-please-choose-your-meal').hide();

$('#purchase').change(function(){
      if($(this).val()=="Individual") {
        $('#table-meals').show();
        $('select').prop('required',true);
      }

      if($(this).val()=="Table of 10") {
        $('.product-addon-please-choose-your-meal').show();
        $('input').prop('required',true);
      }
  });

Answer 1

我想通了，我需要使用 $('#purchase').change(function(){ 而不是使用 $('#purchase').on('change ', '#purchase', 函数(){