Question

我需要根据单击按钮填充输入字段，例如：

<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>

我无法让它发挥作用。有什么想法吗？

Answer 1

你去：

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.W大多数浏览器现在都使用Named access on the Window object支持，因此您可以通过这种方式显着缩短代码：

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

Answer 2

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

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

然后，您需要更改innerHTML：

，而不是更改<input>的{{1}}。

value

html5输入字段填充问题

2 个答案: