javascript - 如何使用 'change' jquery 2.1.4 显示选择标签？

Question

当用户在文本框中输入一些值时，我试图显示选择框，我尝试使用 jquery 的 onchange 属性，但它不起作用。

下面是我的代码

$(document).ready(function() {
  $("#total_enter").change(function() {
    $(".gst_sel_wrap").css("display", "block");
  });
})

.gst_sel_wrap {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap_box">
  <input type="text" name="total_enter" id="total_enter">
  <select class="gst_sel_wrap">
    <option>GST SLABS</option>
    <option value="">0%</option>
    <option value="">5%</option>
    <option value="">12%</option>
    <option value="">18%</option>
    <option value="">28%</option>
  </select>
</div>

Answer 1

尝试使用 jQuery keydown 方法:https://api.jquery.com/keydown/

我还在一开始添加了一些代码来隐藏下拉菜单，这样效果就很明显了。

$(document).ready(function(){
  $(".gst_sel_wrap").hide();
  $("#total_enter").keydown(function(){
    $(".gst_sel_wrap").show();
  }); 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap_box">
  <input type="text" name="total_enter" id="total_enter">
   <select class="gst_sel_wrap">
    <option>GST SLABS</option>
    <option value="">0%</option>
    <option value="">5%</option>
    <option value="">12%</option>
    <option value="">18%</option>
    <option value="">28%</option>
  </select> 
</div>