如何为两个或多个javascript或jquery函数处理一个html元素id

我正在从事一个MVC项目，在那里我在javascript和jquery的帮助下实现了一个自动完成文本框搜索功能

HTML元素标记通过从Microsoft sql server数据库获取值来显示项目列表

我的自动完成文本框搜索工作得非常好

这是我的MVC自动完成项目索引文件的一段代码。itesm列表值是基于

id=“selectedValue”

亨利·克里斯滕森
伊梅尔达·席尔瓦
马拉穆勒
霍莉·菲茨帕特里克
拉马尔弗林
詹姆逊·戴维森
哈珀·林恩
基思·伍兹
卡利·多明格斯
卡特·古尔德
布伦娜·萨顿
罗伯特·万格
莱恩谢泼德
伊拉·谢泼德
马达琳·麦卡锡
拉亚·金
塔拉·施罗德
帕洛玛布莱恩
特雷弗·希思
雷蒙德·维加
尼萨·麦克劳德
扎卡里·德隆
盖伊·莫拉莱斯
甘农·克莱恩
克莱尔·弗洛伊德

“我不理解这里的问题？？？我也不理解问题所在。当然，您只需将autoscroll函数的jQuery选择器从

$（“#list”）

更改为

$（“#selectedValue”）

？@Moob：亲爱的朋友，您甚至懒得看我的帖子。有两种不同的代码，我想将它们相互集成。我想将代码段中的autoscroll代码实现为上面没有代码段的代码。“我不理解这里的问题？？？我也不理解这个问题。”。当然，您只需将autoscroll函数的jQuery选择器从

$（“#list”）

更改为

$（“#selectedValue”）

？@Moob：亲爱的朋友，您甚至懒得看我的帖子。有两种不同的代码，我想将它们相互集成。我想将代码段中的autoscroll代码实现为上面没有代码段的代码。

<script type="text/javascript">
var textbox;
var selectValue;

$(function () {
    textbox = $("#txtCountrty");
    selectValue = $('ul#selectedValue');

    textbox.on("input", function () {
        getAutoComplete(textbox.val());
    });
});
function getAutoComplete(countryName) {
    var uri = "Home/GetCountry";
    $.getJSON(uri, { countryName: countryName })
   .done(function (data) {
       selectValue.html("");
       var count = 0;
       $.each(data, function (key, item) {
           //$('<option>').text(item).appendTo('#selectedValue');
           var li = $('<li/>').addClass('ui-menu-item').attr('role', 'menuitem')
               .html("<a href='#' onclick=\"setText('" + item + "')\">" + item + "</a>")
               .appendTo(selectValue);

           count++;
       });
   });
}
function setText(text) {
    textbox.val(text);
    getAutoComplete(text);
}

 <div id="nav">
    <input type="text" id="txtCountrty"  />
    <div >
    <ul id="selectedValue" style="height:200px; width:18%;overflow:hidden; overflow-y:scroll;"></ul>
     </div>
  </div>