Question

Jquery问题......所以这很简单，如果从keyup匹配显示按钮，则找到值。但我想提出两个问题来改善这个：

$("#test").keyup(function () {
    $("#yeah").css("display", this.value == "test" ? "block" : "none");
});

我被困的地方是：

输入test =好

输入test here =无

我想保留显示器，无论字符串是如何放置的，只要放置它就不会消失

所以Ex：I want to do some tests - 将显示

另一个问题是你如何做多个字符串？比如我想在test和test2上显示它？

Answer 1

使用正则表达式：

＆＃13;

$("#test").keyup(function() {
  $("#yeah").toggle(/test|something/.test(this.value));
});

＆＃13;

#yeah {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="test">
<div id="yeah">
  Yeah!
</div>

＆＃13;

此正则表达式匹配其中包含test或something的任何内容。

Answer 2

这是您的两个问题的另一个答案。

  $('input[name=amount]').keyup(function() {
      var testStr = $(this).val();
      var testStr2 = 'test';
      var testStr3 = 'texts';


  if (testStr.indexOf(testStr2) != -1 || testStr.indexOf(testStr3) != -1 )
    $('#yeah').show();
  else
    $('#yeah').hide();
  });

根据多个字符串中的特定输入文本显示div

2 个答案: