javascript - 页面加载后如何执行if语句？

在此处查看实际操作：http://jsbin.com/relamiqeru/1/

我正在尝试这样做，以便如果用户在优惠券代码字段中输入“ idh4”，则我的“ booyah” div会被提供的html所填充。

我感觉到的问题是，仅在加载页面时才执行javascript，因此即使将idh4输入到字段中，它也不会对其进行检查。在这种情况下，也许if语句不是正确的选择？

根据要求，这是jsbin代码：

  <div id="booyah"></div>
<form action="" method="POST">
        Coupon Code?<input id="couponcode" type="text" name="coupon code" value="idh4"><br>
        <input type="submit">
    </form>

$("#couponcode").change(function(){
if ($("#couponcode").val() === 'idh4') {
      console.log('it got called');
      $( "#booyah" ).html("<p>That code gets you free snappie stickers!</p>");
  }

  });

最佳答案

我不确定这是否是您想要的，但是无论如何您都可以看一下：

$(document).ready(function(){
   $("#booyahInput").on('keyup', function(){
      if ($(this).val() == 'idh4') {
         console.log('it got called');
         $( "#booyah" ).html("<p>That code gets you free snappie stickers!</p>");
      }
    });
});

http://jsfiddle.net/rwxygptf/