jQuery的选择里价值高达

<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>

我需要的时候选择的keydown /向上然后设置与李值的输入值jQuery代码jQuery的选择里价值高达

来源

2011-02-04 reju

嘛，你尝试过什么？ – lonesomeday 2011-02-04 18:19:32

我们都需要一些代码。你的问题是什么？有没有你试图解决的问题，没有奏效，你想问一下？因为如果没有这个问题不应该在这里被问到。以下是您可能会阅读的一篇不错的[博客文章]（http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx）。 – 2011-02-04 18:20:12

<!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>

来源

2012-05-02 11:31:45 Thulasiram

jQuery的选择里价值高达

回答

相关问题