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. 填充文本字段后，显示数据库中的一些数据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>"
                                          );
                                      }
                          });
                  });