使用jQuery根據另一個輸入值顯示/隱藏輸入

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(); 
    } 
});