Javascript或jQuery根据另一个输入值自动填充一个输入文本

Javascript or jQuery auto populate one input text based on another input value

本文关键字：输入 填充 文本 一个 jQuery 另一个 Javascript      更新时间：2023-09-26

我不擅长JS或jQuery。我采用下面的代码来更好地解释我的意思。当用户输入400或更多的甘油三酯时，低密度脂蛋白会自动填充"N/a"。我该如何实现JS或jQuery？感谢

<form>
 <input name='triglycerides" value="" />
 <input name='LDL' value="" />
</form>

我的实际代码如下：

$('#ldl_override').keyup(function(){
var val = parseInt($(this).val());
if(val > 399)
   $('#qIn726').val('N/A');
});

 elseif($ldl_override && $questionID == 728)
 {
  $question .= "<input $maxLengthString id='"ldl_override'" name='"field[" . $questionID . "]'" type='"text'" value='"" . htmlspecialchars($answer) . "'" />'n";
 }

使用jquery：

<form>
 <input name="triglycerides" value="" onChange="javascript: if($('#triglycerides').val() > 400) $('#LDL').val('N/A'); />
 <input id="LDL" name='LDL' value="" />
</form>

使用jQuery 可以轻松完成

$('input[name="triglycerides"]').keyup(function(){
    var val = parseInt($(this).val());
    if(val > 399)
       $('input[name="LDL"]').val('N/A');
});

使用id与#进行选择！例如：

HTML:

<form>
 <input id="triglycerides" value="" />
 <input id="triglycerides-result" value="" disabled="disabled" />
</form>

JQuery:

$('#triglycerides').keyup(function(){
    var val = parseInt($(this).val());
    if (val > 399)
       $('#triglycerides-result').val('high');
    else
       $('#triglycerides-result').val('normal');
});

请参阅JsFiddle

$('input[name="triglycerides"]').change(function() {
   var val = parseInt($(this).val());
   if(val > 399) {
      $('#LDL').val('N/A')  
   }
});
相关文章：