如何自动填充输入文本框值以与名称相同
How would I auto Populate a Input Text Box VALUE to be the same as the NAME?
我正在为一个需要他们的表单在表单上的文本框内显示值的客户工作,但是对于他们的系统,由于模块的编码方式,他们无法做到这一点。
最好的方法是什么,因为我无法编辑表单创建模块的源代码以允许在用户创建表单时自动设置值。
我知道 JavaScript 有一些方法可以做到这一点,但我发现大多数都需要编辑输入框或在我无法访问的表单本身上放置样式/属性。
但是,我确实在这些代码区域上预先存在样式,以及围绕表单本身的包装器,该包装器可以通过样式或脚本针对其中的特定区域。
HTML 示例:
<form name="foobar">
<input name="my_name_1"/>
<input name="my_name_2"/>
<input name="my_name_3"/>
</form>
JavaScript:
function putNamesAsValues(formname){
var elements = document.forms[formname].elements;
for(var i=0;i<elements.length;i++)
if( elements[i].tagName.toLowerCase().indexOf('input') != -1 )
elements[i].value = elements[i].name;
}
putNamesAsValues('foobar');
用法:
形式name
是putNamesAsValues('foobar');
中的参数
试试这个:
var inputs = document.getElementById('form').querySelectorAll('input[type="text"]');
[].slice.call(inputs).forEach(function(input) {
var val = input.name.replace(/_/,' ');
input.setAttribute('placeholder', val);
input.value = val;
});
<form id="form">
<input type="text" name="FIRST_NAME">
<input type="text" name="LAST_NAME">
</form>
相关文章:
- 如何使用jquery在填充自动完成的值后使文本框只读
- 无法更改源代码的网站的自动填充功能
- 通过浏览器对表单自动填充做出反应
- 如何在下拉列表更改时自动填充mysql查询结果中的文本框值
- 如何使用Javascript从URL参数中自动填充文本字段
- Javascript-Coldfusion-选择后自动填充
- 根据Rails4中的一个字段自动填充表单
- 如何自动填充输入文本框值以与名称相同
- 使用多功能框在 chrome 扩展程序中包含内联自动填充功能的任何方法
- 具有键控功能的 JQuery 自动填充
- 自动填充动态字段上的 ajax 响应
- 停止 jQuery 自动完成以过滤/搜索结果并填充整个源数组数据
- 移动浏览器、地理位置和自动填充地址
- 使用 Jquery 在 SharePoint 2007 上自动填充输入文本
- 用数据预填充 jQuery 自动完成
- jquery焦点,并在最后一个输入被填充后自动提交
- 使用Google电子表格中的值数组填充jQuery自动完成列表
- 用来自asp WebMethod的数据填充jquery自动完成
- 用PHP数组填充JQuery自动补全
- 如何在多个文本框填充后自动选中复选框