html5输入字段填充问题

html5 Problems with Input Field population

本文关键字：问题 填充 字段 输入 html5      更新时间：2023-09-26

我需要在点击按钮的基础上填充一个输入字段，例如:

<input type='text' name='ta' id='ta' value='before'>
<button type="button" id="ta" onclick="myFunction()" >C</button> </td>
<script>
function myFunction() {
    document.getElementById("ta").innerHTML = "after";
}
</script>

我不能让这个工作。什么好主意吗?

给你:

function myFunction() {
    document.getElementById("ta").value = "after";
}
<input type='text' name='ta' id='ta' value='before'>
<button type="button" onclick="myFunction()" >C</button>

B.T.现在大多数浏览器都支持在Window对象上使用Named访问，因此您可以通过以下方式显著缩短代码:

<input type='text' name='ta' id='ta' value='before'>
<button type="button" onclick="ta.value = 'after'" >C</button>

首先，您有两个ID为ta的元素。id必须唯一。因此，我建议您更改您的<input>的ID: 

<input type='text' name='ta' id='exampleInput' value='before'>

然后，不改变<input>的innerHTML，你需要改变它的value:

function myFunction() {
    document.getElementById("exampleInput").value = "after";
}
相关文章：