Форумы портала PHP.SU :: Версия для печати :: как сделать автокомплит для многих инпутов?

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: как сделать автокомплит для многих инпутов?

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » как сделать автокомплит для многих инпутов?

Страниц (1): [1]

1. alexiy - 14 Ноября, 2013 - 11:07:30 - перейти к сообщению

на странице есть формы и в каждой форме есть input id="show"
есть JS

CODE (javascript):
скопировать код в буфер обмена

 
$(document).ready(function(){
  var ac = $("#show").autocomplete({
        serviceUrl: 'url',
        delimiter: ',',
   });
});
 

как сделать чтобы этот код работал для всех инпутов id="show" а не только для первого?

2. Ch_chov - 14 Ноября, 2013 - 11:11:48 - перейти к сообщению

alexiy пишет:

на странице есть формы и в каждой форме есть input id="show"

ИД должен быть уникальным в пределах документа.

3. SAD - 14 Ноября, 2013 - 11:12:32 - перейти к сообщению

id -уникальный в пределах dom, используйте class вместо id

4. alexiy - 14 Ноября, 2013 - 11:17:40 - перейти к сообщению

SAD пробовал класс но все равно не фурычит

5. SAD - 14 Ноября, 2013 - 11:19:20 - перейти к сообщению

код и верстку в студию

6. alexiy - 14 Ноября, 2013 - 11:22:32 - перейти к сообщению

SAD

CODE (html):
скопировать код в буфер обмена

 
<div id="showcaseDiv">
<form>
<input type="text" placeholder="Теги" style="width: 135px;" id="show" name="tags_name"/>
<br>
</form>
</div>
<script>
$(document).ready(function(){
$("#show").autocomplete({
 serviceUrl: 'url',
 delimiter: ',',
});
});
</script>
<form>
<input type="text" placeholder="Теги" style="width: 135px;" id="show" name="tags_name"/>
<br>
</form>
</div>
<script>
$(document).ready(function(){
$("#show").autocomplete({
 serviceUrl: 'url',
 delimiter: ',',
});
});
</script>
<form>
<input type="text" placeholder="Теги" style="width: 135px;" id="show" name="tags_name"/>
<br>
</form>
</div>
<script>
$(document).ready(function(){
$("#show").autocomplete({
 serviceUrl: 'url',
 delimiter: ',',
});
});
</script>
<form>
<input type="text" placeholder="Теги" style="width: 135px;" id="show" name="tags_name"/>
<br>
</form>
</div>
<script>
$(document).ready(function(){
$("#show").autocomplete({
 serviceUrl: 'url',
 delimiter: ',',
});
});
</script>
<form>
<input type="text" placeholder="Теги" style="width: 135px;" id="show" name="tags_name"/>
<br>
</form>
</div>
<script>
$(document).ready(function(){
$("#show").autocomplete({
 serviceUrl: 'url',
 delimiter: ',',
});
});
</script>
 
 

менял id на класс все равно не работает

7. SAD - 14 Ноября, 2013 - 11:24:20 - перейти к сообщению

ну и где замена id на класс? и где другие инпуты, которые "не работают"?
(Добавление)
мать моя женщина
(Добавление)

CODE (html):
скопировать код в буфер обмена

<div id="showcaseDiv">
    <form>
        <input type="text" placeholder="Теги" style="width: 135px;" class="show" name="tags_name" />
    </form>
    <form>
        <input type="text" placeholder="Теги" style="width: 135px;" class="show" name="tags_name" />
    </form>
    <form>
        <input type="text" placeholder="Теги" style="width: 135px;" class="show" name="tags_name" />
    </form>
    <form>
        <input type="text" placeholder="Теги" style="width: 135px;" class="show" name="tags_name" />
    </form>
    <form>
        <input type="text" placeholder="Теги" style="width: 135px;" class="show" name="tags_name" />
    </form>
</div>

CODE (javascript):
скопировать код в буфер обмена

<script type="text/javascript">
    $(function () {
        $('input.show').autocomplete({
            serviceUrl: 'url',
            delimiter: ',',
        });
    });
</script>