jquery - jqueryで.focus（）を使用した後のDIVでのデータの表示

Question

私が次のようなフォームを持っているとしましょう：

<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. modelドロップダウンリストで選択
2. 選択したらmodel、フォーカスをに設定し#serialて、テキストフィールドにデータを表示できるようにします
3. スキャン後のデータはテキストフィールド内に表示されます
4. テキストフィールドに入力したら、DB内のデータを表示します。DIV

これは私が持っているものです：

$("#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>"
                                          );
                                    }
                   });
          });

しかし、これでは問題は解決しないと思います。助けていただけますか？:-)

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>"
                                          );
                                      }
                          });
                  });