Question

我的代码中有一个div TextBoxContainer。现在我希望当我点击脚本DynamicTextBox中的inputbox时，它会显示已存在于数据库中的搜索值。我已经尝试过自动完成功能，但它不起作用。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <script>
    $(function() {
      $("#btnAdd").bind("click", function() {
        var div = $("<div />");
        div.html(GetDynamicTextBox(""));
        $("#TextBoxContainer").append(div);

      });
       $( "#DynamicTextBox" ).autocomplete({
          source: 'search1.php'

      });

      $("#btnGet").bind("click", function() {
        var values = 
          $.map($("input[name=DynamicTextBox]"), function(el) {
            return el.value
          }).join(",\n");
        $("#anotherTextbox").val(values);
      });
      $("#btnGet").bind("click", function() {
        var values = 
          $.map($("input[name=DynamicTextBox1]"), function(el) {
            return el.value
          }).join(",\n");
        $("#anotherTextbox1").val(values);
      });
      $("body").on("click", ".remove", function() {
        $(this).closest("div").remove();
      });

    });

    function GetDynamicTextBox(value) {
      return '<input name = "DynamicTextBox" style="width:280px;margin-left:10px;" id="DynamicTextBox" class="skills" type="text" value = "' + value + '" />&nbsp;' + '<input style="width:280px;" name = "DynamicTextBox1" type="text" value = "' + value + '" />&nbsp;' +
        '<span type="button"  class="remove glyphicon glyphicon-remove"></span>'
    }
    </script>

<html>
 <div id="TextBoxContainer"></div>
</html>

如何从php中的数据库中获取搜索数据

0 个答案: