Hallo allemaal,

Even een vraagje.
Ik ben bezig met een klein projectie.
Nu wil ik dat mensen een bericht versturen. Alles gaat goed.
Alleen nu is het zo ik wil dat mensen naar meerdere mensen een bericht sturen.
Alleen als ik dezelfde input nog een keer erbij doe (automatisch met jquery/javascript)
Dan werkt de autocomplete niet, Maar als ik het hardcode er 2 keer neerzet werkt het wel :S
Wie o wie kan mij helpen?

PHP Code:

<form onsubmit="return true;" method="post" action="">
     
         Ontvanger(s):
        <table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
          <tbody id="tblBody"> 
            <tr> 
              <td height="30"> 
                 1.<input type="text" name="to_1" style="width: 200px;" id="CityAjax" class="ac_input"/>
               </td> 
           </tr>
          </tbody>
       </table> 
             <input name="count" type="hidden" id="count" value="1"/>
          <input name="add" type="button" class="button" id="add" value="+" onclick="addField();"/>
          <input type="submit" value="Verzenden" />
    </form> 
    <div id="script">x
    </div>
<script language="javascript" type="text/javascript"> 

    function addField() { 
    var tbody = document.getElementById("tblBody"); 
    var ctr = tbody.getElementsByTagName("input").length + 1; 
    var input; 
   
    if ( ctr > 15 ) { 
          alert ("We gaan toch niet spammen he?"); 
    }else{ 
       
        if (document.all){
            input = document.createElement('<input style="width: 200px;" name="to_'+parseInt($("#count").val())+'" id="CityAjax" class="ac_input">'); 
        }else{ 
            input = document.createElement('input'); 
            input.name = "to_"+ctr; 
        }

        var count = parseInt($("#count").val())+1;
          $("#count").val(count);
        input.id = input.name; 
        input.type = "text"; 
        input.value = "";
        input.setAttribute('id', 'CityAjax'+ctr);
        input.setAttribute('style', 'width: 200px;');
        input.className = "ac_input"+ctr;
        var cell = document.createElement('td'); 
        cell.style.height = '30px'; 
        cell.appendChild(document.createTextNode(ctr+".")); 
        cell.appendChild(input); 
        var row = document.createElement('tr'); 
        row.appendChild(cell); 
        tbody.appendChild(row); 
           
        window.document.the_form.count.value = ctr;
        
   
    } 
}  

  function findValue(li) {
      // if coming from an AJAX call, let's use the CityId as the value
      if( !!li.extra ) var sValue = li.extra[0];

      // otherwise, let's just display the value in the text box
      //else var sValue = li.selectValue;

      alert("The value you selected was: " + sValue);
  }

  function selectItem(li) {
        //findValue(li);
  }

  function formatItem(row) {
        return "Nummer:" + row[0] + " (Naam: " + row[1] + ")";
  }

  function lookupAjax(){
      var oSuggest = $("#CityAjax")[0].autocompleter;
      return false;
  }
  

  function lookupLocal(){
        var oSuggest = $("#CityLocal")[0].autocompleter;

        oSuggest.findValue();

        return false;
  }
  
  
    $("#CityAjax").autocomplete(
      "autocomplete.php",
      {
              delay:10,
              minChars:2,
              matchSubset:1,
              matchContains:1,
              cacheLength:10,
              onItemSelect:selectItem,
              onFindValue:findValue,
              formatItem:formatItem,
              autoFill:true
          }
    );
    
      function lookupAjax(){
      var oSuggest = $("#CityAjax2")[0].autocompleter;
      return false;
  }
  

  function lookupLocal(){
        var oSuggest = $("#CityLocal2")[0].autocompleter;

        oSuggest.findValue();

        return false;
  }
  
  
    $("#CityAjax2").autocomplete(
      "autocomplete.php",
      {
              delay:10,
              minChars:2,
              matchSubset:1,
              matchContains:1,
              cacheLength:10,
              onItemSelect:selectItem,
              onFindValue:findValue,
              formatItem:formatItem,
              autoFill:true
          }
    );
  
</script> 


Algevast bedankt!
Aanvullend bericht:
Bump :$ kom er nog steeds niet uit...

Ik weet wel wat het is, maar ik heb zelf autocomplete.php niet dus ik kan je geen perfect werkende code geven. Je website wordt 1x geladen (De DOM) waar je met javascript van alles mee mag doen, maar bepaalde dingen zijn niet mogelijk. (voorbeeld: als je een linkje toevoegt met javascript kan je niet meteen met javascript kijken of je hierop klikt of met je muis over heen beweegt)

in jQuery heb je bijvoorbeeld $("iets-dat-ik-toevoeg").live('click', function() { //code });

Tja lastig, u kan misschien autocomplete.php niet linken omdat iedereen dan post / get kan versturen naar uw database :) Hopelijk is het wel beveiligd en in dat geval kan het.

Mja, het script verder.. ik zou overal jQuery voor gebruiken als je toch bezig bent.

$('#add').click(function addField()
{

ipv inline javascript onclick='' op je inputs, enz. Verder is de verborgen input count overbodig. Je kunt gewoon een javascript variabele gebruiken en zo zijn er nog wel wat dingen. Naja misschien komt u eruit nu u dit weet. Succes :)