自动填充HTML表单字段,页面上有数字

时间:2017-11-17 20:45:48

标签: javascript html forms autocomplete

是否有办法使用JS自动填充HTML表单字段,并在页面上预先存在一个数字,例如:

所以' 123456'数字将填入表单字段onload。

enter image description here

2 个答案:

答案 0 :(得分:0)

是。加载DOM后,使用DOM的api获取输入,并将其值设置为123456或其他任何您想要的值,即

document.addEventListener("DOMContentLoaded", function(event) {
    document.getElementById("my_input").value = 123456;
});

但是,如果您始终希望它开始持有特定值,那么为什么不使用value属性,这也会在用户禁用JavaScript时显示:

<input type="text" value="123456">

答案 1 :(得分:0)

尝试类似:

jQuery(document).ready(function ($) {
     var accountNumberSpan = $('#accountNumber').text();
     $('#myId').val(accountNumberSpan.substr(accountNumberSpan.indexOf(":") + 1));
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span id="accountNumber">Account Number: 12345</span>

<br />
<input type="text" name="myName" id="myId" value="" />