Question

我想隐藏页面上的特定输入，除非用户将Hotmail地址键入不同的输入。每当用户键入Hotmail地址时，我想显示输入。如果地址被删除，我希望它消失。如何使用jQuery实现这一目标？

我知道我这样做不正确，但这是我到目前为止所做的：

$(function() {

 if($("select#combobox").val() *= '@hotmail') {

   $('#hotm').show();

 }

 else {

   $('#hotm').hide();

 }

 });

Answer 1

您可以尝试这样的事情：

$("select#combobox").blur(function() {
  if ($(this).val().indexOf('@hotmail')>-1) 
    $('#hotm').show();
  else
    $('#hotm').hide();
});

这是在用户将焦点从组合框中移开后进行检查...您可能希望根据您的需要/风格使用不同的事件，例如.change（）或其他任何事件。

Answer 2

直接在输入时进行检查......以下是一个工作示例：http://jsfiddle.net/Ltapp/

var myString = '@hotmail';
$("input").keyup(function () {
var value = $(this).val();
    if($(this).val().match(myString)) {
        $('#hotm').show();
    } else {
        $('#hotm').hide(); 
    }
});

使用jQuery根据另一个输入的值显示/隐藏输入

2 个答案: