javascript - Jquery - [对象 HTMLCollection] 到字符串

Question

我试图将我的 id 值放入一个在 keyup 事件发生时运行的函数。我希望用户选择他们想要使用的名称数量，作为选择我的 div 填充的名称数量，并且每个输入框都有一个 id。在创建的每个输入上，搜索文本框都会运行我的函数。每次我在自动创建的搜索框中输入一个字母时，我都会得到 [objectHTMLCollection] 我需要我的函数将 id(名称)作为字符串获取，以便它运行检查，这是我的函数:

function autocomplet_names_loop(para_names,para_list) {
    var min_length = 0; // min caracters to display the autocomplete
    var keyword_val = para_names;
    alert(keyword_val);
}

其中 para_names、para_leist 参数必须包含我的 id 的字符串名称。下面是用户选择数字时的循环

for(var i=0;i<=selected_num; i++)
   {

       var var_names_id = "";
       var_names_id = "names_id_1";
       var var_names_list_id = "";

    inputfields += "<div style='width:320px;float:left;'><div class='label_div' style='width:50px;'>Search : </div><div class='input_container' style='width:250px;'><input type='text' id='names_id_"+i+"' onkeyup='autocomplet_names_loop("+var_names_id+","+var_names_list_id+")' style='width:150px;'>&nbsp;<img src='img/add-sales.png' onClick='#' width='14' height='14' style='cursor:pointer;width:14px;height:14px;'><ul id='names_list_id_"+i+"' ></ul></div><div class='label_div' style='width:50px;'>Name : </div><div class='input_container' style='width:250px;'><input type='text' id='names_"+i+"' style='width:200px;' readonly><input type='hidden' id='names_id_"+i+"'></div></div><div style='width:250px;float:left;'><div class='input_container' style='width:200px;'>&nbsp;</div><div class='input_container' style='width:200px;'><span style='font-size:11px;font-family:Arial, Helvetica, sans-serif;'>R</span><input type='text' id='names_val_"+i+"' style='width:150px;' ></div></div><div style='width:300px;float:left;'> <div class='input_container' style='width:300px;'>&nbsp;</div><div class='input_container' style='width:300px;'><span style='font-size:11px;font-family:Arial, Helvetica, sans-serif;'>% VALUE</span><input type='text' id='names_val_percentage_"+i+"' style='width:100px;background-color:#CCC;' readonly></div></div>";  

   }
   fillbox.append(inputfields);        
});

我创建了 jsfiddle - https://jsfiddle.net/saiyan10133/9mqgsbkL/13/

选择一个数字，然后在搜索框中会出现我希望它显示创建的 id 值。

Answer 1

您必须在 onkeyup 事件中进行一项更改

onkeyup='autocomplet_agent_loop(\""+var_agent_id+"\","+var_agent_list_id+")'

您必须将变量 var_agent_id 括在 "" 中，以便将其替换为字符串。在您的情况下，它被替换为 agent_id_1 字符串，但它将在评估过程中充当变量。

在运行时它看起来像这样:

autocomplet_agent_loop(agent_id_1,123123)

这意味着函数将开始寻找变量agent_id_1，但它不可用。所以一旦你包装了变量，它就会变成

autocomplet_agent_loop("agent_id_1",123123)

它将表现为字符串。

与autocomplet_agent_loop类似。

<强> Working fiddle DEMO