jqueryのフィールドの一致時に通知divが表示されない

Question

テキストボックスのテキストとドロップダウンテキストを一致させようとしました。一致したら、ドロップダウンからオプションを選択します。テキストがドロップダウンから一致しなかったときに通知を表示し、一致したときに通知を非表示にする必要があります。問題は、それが一致したときにそれを隠すことができないことです。ここは私のjqueryです。これは私がこれまで試みたものです。

$(document).ready(function(){ 
 
    $("#txt_scheme").keyup(function(){ 
 
    var valueFromText=$("#scheme option").filter(function(i,option) 
 
               { 
 
     return $(option).text().toLowerCase()==$("#txt_scheme").val().toLowerCase(); 
 
    }).val(); 
 

 

 
    if ($("#txt_scheme").val() == '' || $('#scheme option:selected').text().toLowerCase() == $("#txt_scheme").val()){ 
 
     $('#notify').hide(500); 
 
    } 
 
    else{ 
 
     $('#notify').show(500); 
 
    } 
 
    $("#scheme").val(valueFromText); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="form-group"> 
 
    <label class="col-sm-4 control-label">Scheme**</label> 
 
    <div class="col-sm-4"> 
 
    <select class="form-control" name="scheme" id="scheme"> 
 
     <option value="A">QC code</option> 
 
     <option value="B">Analyte</option> 
 
     <option value="B">Assay Value</option> 
 
     <option value="D">Assigned Value</option> 
 
     <option value="E">STANDARDDEVIATION</option> 
 
     <option value="F">ACCEPTABLEMIN</option> 
 
     <option value="G">ACCEPTABLEMAX</option> 
 
     <option value="H">Sample ID</option> 
 
     <option value="I">Date</option> 
 
    </select> 
 
    </div> 
 
    <div class="col-sm-4"> 
 
    <input type="text" class="form-control" id="txt_scheme" name="txt_scheme" placeholder="Or Type here"> 
 
    <div class="alert alert-danger" id='notify' style="display: none; width: 50%"> 
 
     <strong>Alert!</strong> Nothing matched select from dropdown 
 
    </div> 
 
    </div> 
 
</div>

任意のヘルプ？ $('#scheme option:selected').text()をチェックする右のテキストを返しますので、状態になる前に

$("#scheme").val(valueFromText); 

：

Answer 1

は、あなただけの選択を入れてきました。

これが役に立ちます。

$(document).ready(function(){ 
 
    $("#txt_scheme").keyup(function(){ 
 
    var valueFromText=$("#scheme option").filter(function(i,option){ 
 
     return $(option).text().toLowerCase()==$("#txt_scheme").val().toLowerCase(); 
 
    }).val(); 
 

 
    $("#scheme").val(valueFromText); 
 

 
    if ($("#txt_scheme").val() == '' || $('#scheme option:selected').text().toLowerCase() == $("#txt_scheme").val()){ 
 
     $('#notify').hide(500); 
 
    } 
 
    else{ 
 
     $('#notify').show(500); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="form-group"> 
 
    <label class="col-sm-4 control-label">Scheme**</label> 
 
    <div class="col-sm-4"> 
 
    <select class="form-control" name="scheme" id="scheme"> 
 
     <option value="A">QC code</option> 
 
     <option value="B">Analyte</option> 
 
     <option value="B">Assay Value</option> 
 
     <option value="D">Assigned Value</option> 
 
     <option value="E">STANDARDDEVIATION</option> 
 
     <option value="F">ACCEPTABLEMIN</option> 
 
     <option value="G">ACCEPTABLEMAX</option> 
 
     <option value="H">Sample ID</option> 
 
     <option value="I">Date</option> 
 
    </select> 
 
    </div> 
 
    <div class="col-sm-4"> 
 
    <input type="text" class="form-control" id="txt_scheme" name="txt_scheme" placeholder="Or Type here"> 
 
    <div class="alert alert-danger" id='notify' style="display: none; width: 50%"> 
 
     <strong>Alert!</strong> Nothing matched select from dropdown 
 
    </div> 
 
    </div> 
 
</div>