修改HTML输入表单格式

时间:2013-12-30 20:40:31

标签: javascript html dom

我使用网络抓取功能下载了一些网页,其中包含一些来自功能的输入,如:

<input type="text" name="LSTNAM" size="20" maxlength="35">
<input type="text" name="FSTNAM" size="20" maxlength="35">

在这里,我想知道是否可以使用 JS方法查找所有“”输入类型=“文本”“,并修改这些表单而不仅仅是手动修改它们。这是我想要实现的目标:

<input type="text" name="LSTNAM" size="20" maxlength="35"     onclick="shwinputtypetext(this);">
<input type="text" name="FSTNAM" size="20" maxlength="35" onclick="shwinputtypetext(this);">

3 个答案:

答案 0 :(得分:5)

使用此代码:

let inputs = document.querySelectorAll("input[type=text]");
for(let i = 0; i < inputs.length; i++) {
    inputs[i].onclick = function() {
        shwinputtypetext(this);
    }
}

有关详细信息,请参阅MDN's documentation on document.querySelectorAll()

答案 1 :(得分:1)

您可以通过JQuery轻松完成,尝试使用以下内容:

$(document).ready(function(){

    $("input[type='text']").click(function(){
        //do some stuff, exp:
        alert($(this).val());
    });

});

答案 2 :(得分:0)

这是解决问题的最简单方法。希望它会有所帮助。写得更少,做得更多..

$(document).ready(function(){

    $(":input[type='text']").click(function(){

        shwinputtypetext($(this).val());

    });

});