Código Javascript:
Ver original
<script type="text/javascript"> function pruebas(str, divID){ if (str.length==0){ document.getElementById("pCode").innerHTML=""; return; }if (window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } var url2="security/codename.php?C=" + str; url2 = url2 + "&sid="+Math.random(); var url="security/results.php?R=" + str; url=url+"&sid="+Math.random(); xmlHttp.open("GET",url,false); xmlHttp.send(); document.getElementById("results").innerHTML=xmlHttp.responseText; xmlHttp.open("GET",url2,false); xmlHttp.send(); document.getElementById("pName").value=xmlHttp.responseText; } function code(str, divID){ if (str.length==0){ document.getElementById("pName").innerHTML=""; return; }if (window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } var url="security/codename.php?N=" + str; url=url+"&sid="+Math.random(); xmlHttp.open("GET",url,false); xmlHttp.send(); document.getElementById("pCode").value =xmlHttp.responseText; var url2="security/results.php?R=" + xmlHttp.responseText; url2=url2+"&sid="+Math.random(); xmlHttp.open("GET",url2,false); xmlHttp.send(); document.getElementById("results").innerHTML=xmlHttp.responseText; }
y lo tengo con ese form
Código HTML:
<label for="pCode">Codigo:</label> <input type="text" id="pCode" name="pCode" class="required" value="" onkeyup="pruebas(this.value)" ></br> <label for="pName">Nombre:</label> <input type="text" id="pName" name="pName" class="required" value="" onkeyup="code(this.value)"> <div id="results" class="required"></div>
eso en resumidas cuentas lo que hace es que cada producto tiene nombre y codigo y cuando digita el nombre se autocompleta el codigo y viceversa ademas de crear una tabla segun el codigo correspondiente al producto
como hago ese mismo codigo nada mas que con jquery?