Javascript 使用数据库文本框中的复选框自动搜索

我可以将数据库中的值加载到文本框中…因此现在命名为auto..由此我想创建一个带有多个复选框的自动搜索，以在文本框java脚本中选择多个值…是否可能

<form name="form1">
   <input type="checkbox" name="checkboxname" value="a">
   <input type="checkbox" name="checkboxname" value="b">
   <input type="checkbox" name="checkboxname" value="c">
</form>

<form name="form2">
    <input type="text" name="textname">
</form>

var textbox = document.getElementsByName("textname")[0];
var checkboxes = document.getElementsByName("checkboxname");
for (var i = 0; i < checkboxes.length; i++) {
    var checkbox = checkboxes[i];
    checkbox.onclick = (function(chk){
        return function() {
            var value = "";
            for (var j = 0; j < checkboxes.length; j++) {
                if (checkboxes[j].checked) {
                    if (value === "") {
                        value += checkboxes[j].value;
                    } else {
                        value += "," + checkboxes[j].value;
                    }
                }
            }
            textbox.value = value;
        }
    })(checkbox);
}       

$( "#txt_search" ).blur(function(e) {
  var $search = $(e.currentTarget),
  search_str = $search.val().toLowerCase(), $chk,

  $chk_ele = $('.chk_box').filter(function(index, chk){
if($(chk).val().toLowerCase().search(search_str) !== -1){
    return $(chk);  
}
  }); 
  $('.chk_box').prop('checked', false);
  $chk_ele.prop('checked', true);   
});

var textbox=document.getElementsByName（“textname”）[0]；
var checkbox=document.getElementsByName（“checkboxname”）；
对于（变量i=0；i

试试这个

<form name="form1" class="form_chk">
   <input type="checkbox" name="checkboxname" value="a" class="chk_box">a
   <input type="checkbox" name="checkboxname" value="b" class="chk_box">b
   <input type="checkbox" name="checkboxname" value="c" class="chk_box">c
</form>

$( "#txt_search" ).blur(function(e) {
  var $search = $(e.currentTarget),
  search_str = $search.val().toLowerCase(), $chk,

  $chk_ele = $('.chk_box').filter(function(index, chk){
if($(chk).val().toLowerCase().search(search_str) !== -1){
    return $(chk);  
}
  }); 
  $('.chk_box').prop('checked', false);
  $chk_ele.prop('checked', true);   
});

---

请参阅输出：

没有得到您想要做的事情。。具体一点…我更新线程..所以这里如果我们点击复选框，它会取值..到文本框..但是我的需要是如果我们在文本框中键入一个单词，比如a，b，c，它必须自动完成复选框来选择多个值…这个线程的任何提示你在这里得到什么作为输出？？？这是一个相关的例子，但我的需要是不同的（即）如果我们在文本框中键入一个单词，如a、b、c，则必须使用复选框自动完成以选择多个值我想你误解了我的线程，我可以在文本框中加载一个值，因此现在我必须自定义它，如在文本框中键入一个单词，如a、b、c，则必须使用复选框自动完成以选择多个值OK，是的，我误解了这个问题。很抱歉然后使用jquery ui AutoComplete尽可能按照我的要求来做你可以通过它来做。。。。。请以适当的方式写下您的问题，以便其他人可以通过jQueryUIAutoComplete轻松理解。

$( "#txt_search" ).blur(function(e) {
  var $search = $(e.currentTarget),
  search_str = $search.val().toLowerCase(), $chk,

  $chk_ele = $('.chk_box').filter(function(index, chk){
if($(chk).val().toLowerCase().search(search_str) !== -1){
    return $(chk);  
}
  }); 
  $('.chk_box').prop('checked', false);
  $chk_ele.prop('checked', true);   
});