Question

我有这段代码，它会自动调整程序大小。 https://jsfiddle.net/blueink/ryom93p5/12/ 效果很好。我想将布局更改为Horizon。例如，当用户在G输入字段中键入数字时。我想在它旁边显示答案。像地平线。我想知道它能否给ID作为盒子的名称，并移动我想移动的东西？

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

id为 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);
  });

});

对其他ID同样进行编码。谢谢。

如何移动答案显示的输入字段

1 个答案: