2011-02-04 16 views
0
<input type="text" id="region" class="inputs" name="remo"> 

<ul id="ulList"> 
<li id="idr0"></li> 
<li id="idr1">Baltimore</li> 
<li id="idr2">India</li> 
<li id="idr3">International - Russia</li> 
<li id="idr4">MD 19940</li> 
<li id="idr5">Minnesota</li> 
<li id="idr6">North Carolina</li> 
</ul> 

で選択したLi値は、Li値jqueryのKeyDownイベント/アップ

+1

で入力値を設定するさて、あなたは何を試してみましたか? – lonesomeday

+0

私たちにはいくつかのコードが必要です。あなたの質問は何ですか?あなたが問題を解決しようとしたことがありますか?あなたが尋ねたいことはありますか?もしこの質問がなければ、ここで尋ねられたはずがありません。ここにあなたが読むかもしれない素晴らしい[ブログ投稿](http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx)があります。 –

+0

jquery keydown/up関数を呼び出し、li値を選択します – reju

答えて

0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#region').live('keypress', function (e) { 
       var objCurrentLi, obj = $('#ulList').find('.SelectedLi'), objUl = $('#ulList'), code = (e.keyCode ? e.keyCode : e.which); 

       if (code === 40) { //Up Arrow 
        if ((obj.length === 0) || (objUl.find('li:last').hasClass('SelectedLi') === true)) { 
         objCurrentLi = objUl.find('li:first').addClass('SelectedLi'); 
        } 
        else { 
         objCurrentLi = obj.next().addClass('SelectedLi'); 
        } 
        obj.removeClass('SelectedLi'); 
       } 
       else if (code === 38) { //Down Arrow 
        if ((obj.length === 0) || (objUl.find('li:first').hasClass('SelectedLi') === true)) { 
         objCurrentLi = objUl.find('li:last').addClass('SelectedLi'); 
        } 
        else { 
         objCurrentLi = obj.prev().addClass('SelectedLi'); 
        } 
        obj.removeClass('SelectedLi'); 
       } 

       $(this).val(objCurrentLi.text()); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <input type="text" id="region" class="inputs" name="remo" /> 
    <ul id="ulList"> 
     <li id="idr0"></li> 
     <li id="idr1">Baltimore</li> 
     <li id="idr2">India</li> 
     <li id="idr3">International - Russia</li> 
     <li id="idr4">MD 19940</li> 
     <li id="idr5">Minnesota</li> 
     <li id="idr6">North Carolina</li> 
    </ul> 
</body> 
</html> 
+0

このコードは必要でしたか? – Thulasiram

関連する問題