如何修改JS英尺转毫米代码，将结果填入文本输入框？

咱们只需要做几个小调整，就能把转换后的毫米值放到文本输入框里，具体操作如下：

1. 调整JSP页面代码，添加结果输入框 #

首先要在页面里新增一个专门用来显示毫米结果的文本输入框（可以设置为只读，避免用户误改），同时可以移除原来的span标签（如果不需要保留的话）：

<input id="feet" type="number" placeholder="FEET" oninput="Converter(this.value)" onchange="Converter(this.value)">
<!-- 新增的毫米结果输入框 -->
<input id="mmResult" type="number" placeholder="MILLIMETERS" readonly>
<!-- 原span标签可按需保留或删除 -->
<!-- <span id="oheight1"></span> -->

2. 修正JavaScript函数 #

这里有两个核心修改点：

• 函数名要和页面中调用的Converter保持一致（原来的函数名是LengthConverter，和页面调用不匹配）
• 把设置元素innerHTML的逻辑改成设置输入框的value属性，同时修正转换公式（原来的公式得到的是米，转毫米需要乘以1000，或者直接用valNum * 304.8——因为1英尺=304.8毫米，两种方式结果完全一致）

修改后的JS代码：

function Converter(valNum) {
  // 处理空值或非数字输入，避免显示NaN
  const mmValue = valNum ? valNum * 304.8 : '';
  document.getElementById("mmResult").value = mmValue;
}

额外说明 #

• 给结果输入框加readonly属性是为了锁定结果，防止用户手动修改，如果需要允许编辑可以去掉这个属性。
• 新增的空值判断逻辑，会在用户清空英尺输入框时同步清空结果框，避免出现不友好的NaN提示。

内容的提问来源于stack exchange，提问作者karikalan adhi