Php 多输入字段jquery.autocomplete_Php_Jquery_Autocomplete_Textfield

Php 多输入字段jquery.autocomplete

php jquery autocomplete

Php 多输入字段jquery.autocomplete,php,jquery,autocomplete,textfield,Php,Jquery,Autocomplete,Textfield,我想使许多文本输入字段自动完成。。。但是有了这个自动完成 <html><head><script type="text/javascript" src="jquery-1.4.js"></script> <script type='text/javascript' src='jquery.autocomplete.js'></script> <link rel="stylesheet" type="text/css"

我想使许多文本输入字段自动完成。。。但是有了这个自动完成

<html><head><script type="text/javascript" src="jquery-1.4.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<link rel="stylesheet" href="main.css" type="text/css" />

<script type="text/javascript">

$().ready(function() {
      $("#perkiraan").autocomplete("proses_akun.php", { width:350, max:28, scroll:false });
});

</script>
</head>
<body>
<div class="demo" style="width: 250px;">
<div>
<p>Nama Akun : <input type="text" id="perkiraan"  name="perkiraan" size="65"></p>
</div>
</div>
<div id="pilihan">
</div>

<div class="demo" style="width: 250px;"><div>
<p>Nama Akun : <input type="text" id="perkiraan"  name="perkiraan" size="65"></p>
</div>
</div>  

<div id="pilihan">
</div>
</body>
</html>

我知道，因为只有一个相同的名字允许这个jquery。。。但是我想在第一个文本下面添加更多的输入文本，第二个、第三个等等，使用javascript也不需要复制粘贴scriot并更改其名称。。。请帮助，，，，

工作演示

请注意，DOM对于元素永远不应该具有与上面示例中相同的id属性。i、 e.id=perkiraan解决方案改用class属性

我认为官方文件说，如果有多个相同的id，那么它会将最后一个id ied元素作为已识别的元素

此外，对于multiple元素，您可以将class元素用于autocomplete，如$.perkiran.autocomplete{，它将附加autocomplete和具有类perkiran的所有元素。或者您可以链接不同的ID，如$perkiran，foo.autocomplete{，但添加类将完成此操作

希望这有帮助，让我知道如果我错过了什么

舒适

图1输入1

图2输入2

只需将$perkiran.autocomplete更改为$classname.autocomplete即可你就完了

注意：所有文本字段中的类名应相同

表示您希望触发相同的事件，即其他文本框的自动完成它可能会帮助您链接到此处，但它是相同的，仍然只有1个文本字段可以使用自动完成，第二个文本框等不能使用它…@Myan nopes请在两个文本框上查看演示类型1，您将看到自动完成正在为bot工作h、我还附上了一些图片来向您展示，如果我可以推荐的话，请阅读HTML文档和Jquery文档，但是上面的工作演示应该会有所帮助：但它是一样的，仍然只有一个文本字段可以使用自动完成，第二个等不能使用它…$.readyfunction{$.id\u Perkiran.autocompletej query/js/cari.php，{宽度：350，最大：28，滚动：false}；}；

这是你的HTML的问题，而且我在你的代码中只能看到一个文本框。Json与你的问题无关，它只是数据源，请检查你的php文件。请你在JSFIDLE中重新创建你的问题，我可能会帮你解决，p.s.希望你的路径是正确的j query/js/cari.phSphere是我的php:$q=strtolower$\u GET[q]；if！$q return；$query=mysql\u queryselect*from perkiran，其中id\u perkiran类似“%$q%”；而$r=mysql\u fetch\u array$query{$id=$r['id\u perkiran']；$nama=$r['nama']；echo$id[$nama]\n；}和类似这样的javascript`$.readyfunction{.id\u perkiran.autocomplete{source:function-req，resp{$j query/js/cari.php，{delay:1}，functiondata{resp-data；}，JSON；}；}；`仍然不工作。。。

<body><div class="demo" style="width: 250px;">
    <div><p>Nama Akun : <input type="text" class="perkiraan"  name="perkiraan" size="65"></p></div></div><div id="pilihan"></div>
    <div class="demo" style="width: 250px;">
<div><p>Nama Akun : <input type="text" class="perkiraan"  name="perkiraan" size="65"></p></div></div>  <div id="pilihan"></div></body>