Como hago para que el auto-complemente me funcione en los campos que creo

buybetter · #1 (**permalink**) 22/09/2013, 14:13

Hola muy buenas, necesito que el auto.complemente me funcione en los campos que creo de igual forma que funciona con los que tengo sin que sean automáticos.

Gracias.

Aqui les dejo el código.

Código Javascript:

Ver original<html><head>
    <script type="text/javascript" src="jquery/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
    <script type="text/javascript">
 
        $(function() {
                      
            $("#cbarras").autocomplete({
                source: "jQueryAutocompleteRelatedFields.php",
                minLength: 2,
                select: function(event, ui) {
                    $('#descripcion').val(ui.item.descripcion);
                    $('#pvp').val(ui.item.pvp);
                    $('#importe').val(ui.item.importe);
                }
            });
        });
 
    $(function() {
        var scntDiv = $('#articulos');
        var i = $('#articulos p').size() + 1;
        
        $('#addScnt').live('click', function() {
                $('<p>Codigo Barras: <input id="cbarras" name="cbarras' + i +'" type="text" class="cbarras ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> Descripcion: <input id="descripcion" name="descripcion' + i +'" type="text" disabled=""> Cuantidad: <input id="cuantidad" name="cuantidad' + i +'" type="text"> Pvp: <input id="pvp" name="pvp' + i +'" type="text"> Importe: <input id="importe" name="importe' + i +'" type="text" disabled=""><a href="#" id="remScnt">Apagar</a></p>').appendTo(scntDiv);
                i++;
                return false;
        });
        
        $('#remScnt').live('click', function() { 
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});
</script>
    <link rel="stylesheet" href="jquery/css/smoothness/jquery-ui-1.8.2.custom.css">
    <style type="text/css"><!--
    
            /* style the auto-complete response */
            li.ui-menu-item { font-size:12px !important; }
    
    --></style>
 
<body>
 
<form onSubmit="return false;">
<h2><a href="#" id="addScnt">Add Otro Producto</a></h2>
<div id="articulos">
<p>
    Codigo Barras:
    <input id="cbarras" type="text" class="cbarras ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
    
    Descripcion: 
    <input id="descripcion" type="text" disabled="">
        
    Cuantidad:
    <input id="cuantidad" type="text">
    
    Pvp:
    <input id="pvp" type="text">
    
    Importe:
    <input id="importe" type="text" disabled="">
</p>
</div>
</form>
<script type="text/javascript">
$("#cuantidad").keyup(function(){
    $("#importe").val(this.value * $("#pvp").val());
});
$("#pvp").keyup(function(){
    $("#importe").val(this.value * $("#cuantidad").val());
});
</script>
 
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none;"></ul></body></html>