0

私のページにはテキストボックスがあります。ユーザーはその中に1文字を入力します。その文字はリストアイテムの値と一致する必要があり、一致が発生するとすべての値が出力されます。ユーザーが「T」と入力すると、「 T"が印刷されます。

これはHTMLコードです。

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<input type="text" id="text1"  class="cal" />
<input type="button" value="calculate" id="Button2" />

これはJQueryコードです。

$(document).ready(function() {
    $("#calculate").click(function() {
        var getsValue = $("#textbox1").val();
        $("ul > li").each(function() {
            if (getsValue == $(this).text()) {
                "print here"
            }
            else {
                alert("no")
            }
        });
    });
});

文字列全体を入力すると機能しますが、1文字だけ入力する必要があります。助けてください。ありがとうございました。

4

4 に答える 4

2 
$(document).ready(function() {
    $("#textbox1").on("keyup", function() {
        var getsValue = $(this).val().toUpperCase();

        $("ul > li").each(function() {
            if (getsValue == $(this).text().charAt(0)) {
                document.write( $(this).text() );
            }
            else {
                alert("no")
            }
        });
    });
});​

デモ

于 2012-08-27T10:54:05.007 に答える
1

この行を変更します

  if (getsValue == $(this).text()) {
                "print here"
    }

なので

   if ($(this).text().indexOf(getsValue)==0) {
            "print here"
     }
于 2012-08-27T10:55:26.817 に答える
1

ここにあなたの修正されたコードがあります..

$(document).ready(function() {

    $("#Button2").click(function() {
       var Arr=[];
        $('li').each(function(){Arr.push($(this).html());});
        var textValue=$('#text1').val();
        Arr=$.grep(Arr,function(n){return (n.substring(0,1))==textValue;});
        alert(Arr);
    });

});

ワーキングデモ

</p>

于 2012-08-27T11:00:27.590 に答える
0 
$(document).ready(function () {

    $("#text1").keyup(function () {

         $("ul > li").each(function () {             
                if($("#text1").val() == $(this).text().charAt(0)) {
                    $("#text1").val($(this).text());
                }


         });
        });


});

大文字と小文字の変換を追加できます

于 2012-08-27T11:20:06.510 に答える