Как переместить поле ввода, ответ которого отображается

Question

У меня есть этот код, программа автоматического определения размера.https://jsfiddle.net/blueink/ryom93p5/12/ это хорошо работает.Я хотел бы изменить макет как горизонт.Например, когда пользователь вводит число в поле ввода G.Я хотел бы отобразить ответ рядом с ним.как горизонт.Мне интересно Может ли он дать идентификатор в качестве имени для ящиков и переместить все, что я хотел бы переместить?

jQuery(function($){
  $('input','.hsc').keyup(function(){
    var numG = $('input:eq(0)','.hsc').val();
    var numF = $('input:eq(1)','.hsc').val();
    var numE = $('input:eq(2)','.hsc').val();
    var numD = $('input:eq(3)','.hsc').val();
    var numC1 = $('input:eq(4)','.hsc').val();   
    var numC = $('input:eq(5)','.hsc').val();   
    var numA = $('input:eq(6)','.hsc').val();     
    numG = parseFloat(numG);
    numF = parseFloat(numF);
    numE = parseFloat(numE);
    numD = parseFloat(numD);
    numC1 = parseFloat(numC1);
    numC = parseFloat(numC);
    numA = parseFloat(numA);

var sta="";

if (15.0 <= numA && numA <= 18.0) {
sta += "SSサイズ ";
}
if (16.0 <= numA && numA <= 19.0) {
sta += "Sサイズ ";
}

if (17.0 <= numA && numA <= 20.0) {
sta += "Mサイズ ";
}

if (19.0 <= numA && numA <= 22.0) {
sta += "Lサイズ ";
}

if (20.0 <= numA && numA <= 23.0) {
sta += "LLサイズ ";
}

if (22.0 <= numA && numA <= 25.0) {
sta += "3Lサイズ ";
}

if (24.0 <= numA && numA <= 27.0) {
sta += "4Lサイズ ";
}
document.getElementById( "a" ).value = sta;



  });
});

Answer 1

Решение для идентификатора A следующим образом:

jQuery(function($){

  $('input','.hsc').keyup(function(){
     setTimeout(function(){
    var numA = $("#a").val(); 
    numA = parseFloat(numA);



  var sta="";
  var flag = 0;
  if (15.0 <= numA && numA <= 18.0) {

  flag = 1;
  sta = "SSサイズ ";
  }
  if (16.0 <= numA && numA <= 19.0) {
  flag = 1;
  sta = "Sサイズ ";
  }

  if (17.0 <= numA && numA <= 20.0) {
  flag = 1;
  sta = "Mサイズ ";
  }

  if (19.0 <= numA && numA <= 22.0) {
  flag = 1;
  sta = "Lサイズ ";
  }

  if (20.0 <= numA && numA <= 23.0) {
  flag = 1;
  sta = "LLサイズ ";
  }

  if (22.0 <= numA && numA <= 25.0) {
  flag = 1;
  sta = "3Lサイズ ";
  }

  if (24.0 <= numA && numA <= 27.0) {
  flag = 1;
  sta = "4Lサイズ ";
  }
  setTimeout(function(){
    if(flag == 1){
    $("#a").val(sta);
    }else{
    $("#a").val('');
    }

  }, 100);


  }, 1000);
  });

});

Аналогичным образом выполните код для других идентификаторов.Спасибо.