当div2中的文本发生更改时显示hiddden div1

时间:2017-04-30 07:59:23

标签: jquery

我有两个div div#itemDetailsdiv#regCodeTarget和一个文本字段#regcode。在div#itemDetails输入注册码且代码正确后,{{1} ,当发生这种情况时,#regcode也应立即显示。这是下面的代码:

div#regCodeTarget

但是有一个延迟,div div#itemDetails仅在输入注册码并点击另一个随机按钮后显示,但我想在我点击注册码上的最后一个字母后显示单词正确密钥立即出现。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

尝试使用此代码

<p id="itemDetails">This is test</p>
<p id="regCodeTarget">Correct Key</p>
<input type="text" id="regcode">

<script>
  jQuery(function() {
    jQuery("#itemDetails").hide();
      jQuery('#regcode').on('keyup', function() {
        if (jQuery('#regCodeTarget').text() == "Correct Key" && jQuery(this).val() == jQuery('#regCodeTarget').text()) {
          jQuery("#itemDetails").show();
        }else{
          jQuery("#itemDetails").hide();
        }
      });
   });
</script>