php
  • jquery
  • autocomplete
  • textfield
  • 2012-06-29 3 views 2 likes 
    2

    я хочу сделать автозаполнение для многого поля ввода текста ... но с этим автозаполнениеммножественного поля ввода jquery.autocomplete

    <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 и изменить свое название ... помощь пожалуйста ,,,,

    +0

    означает, что вы хотите инициировать одно и то же событие, т.е. 'autocomplete' для другого текстового поля – Tamkeen

    +0

    , это может помочь вам связать здесь http://stackoverflow.com/questions/3102826/jquery-selectors – Tamkeen

    ответ

    3

    Работа демоhttp://jsfiddle.net/nckYT/

    Обратите внимание, что DOM никогда не должен иметь одинаковые атрибуты id для элементов, которые имеют место в примере выше. то есть id="perkiraan"решение использовать вместо class атрибут.

    Я думаю, что в официальном документе говорится, что если существует несколько одинаковых id, то он принимает последний id -ий элемент как идентифицированный элемент.

    далее для Mutiple элемента вы можете использовать класс элемент для автозаполнения, как этот $(".perkiraan").autocomplete({, который будет придавать автозаполнения со всеми элементами с классом perkiraan. или вы можете цепи различных id s как $("#perkiraan, #foo").autocomplete({ но класс addaing будете делать трюк

    Надеются, что это помогает, Леммам знать, если я пропустил что-нибудь, :)

    Cose

    <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> 
    

    Изображение 1 вход 1 enter image description here

    Image 2 вход 2 enter image description here

    +0

    , но это же, sti ll только 1 текстовое поле, которое может использовать автозаполнение, второе и т. д. не может его использовать ... – Myan

    +0

    @ Myan nopes см. демонстрацию http://jsfiddle.net/nckYT/ типа 1 в обоих текстовых полях, и вы увидите, что автозаполнение работает для оба, я также добавил изображения, чтобы показать вам это, а также, если я могу рекомендовать, пожалуйста, прочитайте документы HTML и документы JQuery, но выше рабочей демонстрации должно помочь ':)' –

    +0

    , но это же, все еще только одно текстовое поле, которое может использовать автозаполнение, второй и т. д. не могут его использовать ... '' '

    \t \t

    \t \t

    \t \t
    \t \t
    ' – Myan

    0

    Его просто просто изменить $("#perkiraan").autocomplete к $(".classname").autocomplete и вы сделали

    Примечание: Имя класса должно быть одинаковым во всех текстовых полях

    +0

    все еще не работает – Myan

    Смежные вопросы