2014-03-07 60 views
0

對不起,我不知道這種情況下什麼是正確的問題。如何使用jQuery將值設置爲數組文本字段

我有一個數組textfield,它有keypress事件來調用jQuery函數。

這是我的文本框:

<input type="text" id="idnya['+k+']" onkeypress="return $(this).fsearch()" /> 

它運行從一個函數來查詢顯示了一些列關於這個div:

<div id="divResult" style="display: none;"></div> 

每次我點擊某一行中充入行我數組文本字段。 無論如何,我已經成功填寫一個文本字段,但如何添加其他文本字段。 這個功能應該改變什麼?

!function (e) { 
e.fn.fsearch = function() { 
    var t = e(this); 
    $resultDiv = e("#divResult"), t.focus(), t.addClass("searchi"), $resultDiv.html("<ul></ul><div id='search-footer' class='searchf'></div>"), t.keyup(function (i) { 
     function a(e, t) { 
      e.removeClass("selected"), e.eq(t).addClass("selected") 
     } 
     var s = e(this).val(); 
     if ("" != s) { 
      var n = e(".selected").index(), 
       o = $resultDiv.find(".option"), 
       r = o.length; 
      if (40 == i.keyCode) r > n + 1 && (n++, a(o, n)); 
      else if (38 == i.keyCode) n > 0 && (n--, a(o, n)); 
      else if (13 == i.keyCode) { 
       $resultDiv.find("ul li.selected").attr("id"); 
       var l = $resultDiv.find("ul li.selected").find(".name").text(), 
        c = $resultDiv.find("ul li.selected").find(".atm").text(); 

       t.val(l), e("#atm").val(c), $resultDiv.fadeOut() 
      } else $resultDiv.fadeIn(), $resultDiv.find("#search-footer").html("<img src='img/loader.gif' alt='Collecting Data...'/>"), e.getJSON("<?php base_url(); ?>/Mycontroller/searchjson", { 
       searchword: s 
      }, function (e) { 
       for (var t = "", i = 0; i < e.length; i++) t += "<li id=" + e[i].TermId + ' class="option"><span class="name">' + e[i].TermId + '</span><br/><span class="atm" style="font-size:9px;">' + e[i].AtmLocation + "</span></li>"; 
       $resultDiv.find("ul").empty().prepend(t), $resultDiv.find("div#search-footer").text(e.length + " results found..."), $resultDiv.find("ul li").first().addClass("selected") 
      }), $resultDiv.find("ul li").live("mouseover", function() { 
       n = $resultDiv.find("ul li").index(this), o = $resultDiv.find(".option"), a(o, n) 
      }) 
     } else $resultDiv.hide() 
    }), jQuery(document).live("click", function (t) { 
     var i = e(t.target); 
     i.hasClass("searchi") || i.hasClass("searchf") || $resultDiv.fadeOut() 
    }), t.click(function() { 
     var i = e(this).val(); 
     "" != i && $resultDiv.fadeIn(), t.val("") && e("#atm").val("") 
    }), $resultDiv.find("li").live("click", function() { 
     e(this).attr("id"); 
     var i = e(this).find(".name").text(); 
     t.val(i); 
     var a = e(this).find(".atm").text(); 
     e("#atm").val(a) 
    }) 
} 

在此先感謝。

+1

的jQuery!= JavaScript的 –

+0

好感謝,任何想法? – hurifajri

回答

0

我想這可能是你找什麼,如果我理解你的問題正確

$('tr').on('click', function(e) { 
    $('tr').removeClass('selected'); 
    $(this).addClass('selected'); 

    $(':text').each(function(index) { 
     $(this).val($('.selected')[0].children[index].innerText);  
    }); 

}); 

這裏是一個小提琴 http://jsfiddle.net/pixelchemist/5P2Bf/

相關問題