données montrent à DIV après utilisation .focus() dans jquery

Question

Disons que j'ai une forme comme:

<select id="model"/> 
<input type="text" id="serial"/> 
<label>Packing <div id="packing" name="packing"></div></label> 
<br/> 
<input id="pack1" type="radio" class="pack" name="pack" value="OK" />OK 
<input id="pack2" type="radio" class="pack" name="pack" value="NG" />NG 
i'm using barcode scanner for input `serial`, i want do like this: 

1. choisir model dans la liste déroulante
2. après model choisie, l'accent mis en #serial il peut voir son flux de données à textfield
3. données après émission de balayage à l'intérieur textfield
4. après textfield sont remplis, montrent des données de DB à l'intérieur du DIV

ce que j'ai:

$("#model").click(function() { 
      var data=$("#model").val(); 
      $("submit input:text.eq(0)").focus(); 
      var str=data; 
      var matches=str.match(/[TEJUG2]\D*D/i); 

      $.ajax({ 
        type:"post", 
        url:"process1.php", 
        data:"packing="+matches+"&action=packcond", 
        cache:false, 
        async:false, 
        success: function(res){ 
            $('#value').replaceWith(
              "<div id='value'><h6>" + res + "</h6></div>" 
             ); 
            } 
        }); 
      }); 

mais je pense que cela ne résout pas le problem.can vous me aider? :-)

Answer 1

$("#model").change(function() { 
        $('#serial').focus(); 
        }); 

$('#serial').change(function(){ 
        var data=$("#model").val(); 
        var str=data; 
        var matches=str.match(/[TEJUG2]\D*D/i); 

        $.ajax({ 
          type:"post", 
          url:"process1.php", 
          data:"packing="+matches+"&action=packcond", 
          cache:false, 
          async:false, 
          success: function(res){ 
              $('#value').replaceWith(
              "<div id='value'><h6>" + res + "</h6></div>" 
             ); 
             } 
          }); 
        });