我有一个带有html，javascript和css（没有外部jquery）的数字基本转换页面，我输入一个输入字段，然后实时更新多个其他输入字段，每个输入字段的输入字段不同领域。这些多个值，大约5打，都是不同的长度，所以我手动设置每个输入长度的大小=＆＃34; 43＆＃34;，size =＆＃34; 50＆＃34;等。是否有可能实时更新每个输入字段的大小以匹配其动态更新的内容，使用javascript和css而不是jquery？如果有帮助的话，每一个都在它自己的div中，或者如果需要它可以在它自己的范围内。 我已经尝试了至少在网上找到的六个建议，但到目前为止都没有，因为它们都依赖于1）＆＃34; onkey＆＃34;或＆＃34;模糊＆＃34;事件，除了我键入的1输入字段之外没有其他事件，因此不适用于任何其他几十个字段，或2）按特定名称更新一个特定输入字段，并且不会申请要么是因为我有几十个，每个都有不同的输入ID。 一个简短而优雅的解决方案会更好，但我愿意尝试任何事情。谢谢！
答案 0 :(得分：0)
使用setAttribute命令更改元素的值。请参阅下面的示例。
<强> HTML
<td><input type=text name=script_id id="id" onblur="myFunctionY(this)" placeholder="19506"></td>
<td><input type=text name=dep id="dep" placeholder="dependency"></td>
<强> JS
<script type=text/javascript>
function myFunctionY(vari) {
console.log(vari.value);
document.query_form.dep.setAttribute("value",vari.value);
}
</script>
dep是输入元素的id query_form是表单名称
本质上，调用函数onblur，然后获取输入的输入值。使用表单名称的setAttribute函数来更新输入字段的特定值。
答案 1 :(得分：0)
自己解决了：
document.getElementById("foo").style.width = ((document.getElementById("foo").value.length + 1) * 6.5);