js获取文本框最后一个值。

JavaScript015

js获取文本框最后一个值。,第1张

js获取文本框值

1.通过getElementById()方法获得,必须为文本框设定ID值,该方法获得的是一个对象的应用(返回值为:Object),要获得文本框的值需添加属性值--value,

如:<input type="text" size="10"

id="port11" name="port11"

/>

获值代码:document.getElementByIdx_x_x("port11").value

另外:要获得标签<h1>中间的值,方法如下:

<h1 id="you">12345</h1>

document.getElementByIdx_x_x("you").innerHTML

返回值为:12345

2.如果是表单(<form>)中的文本框,还可以通过以下方式获得值:

<form name="form1" method="post"

action="manager.do?action=login">

<input name="memberNo"

type="text" id="memberNo" size="21"

><br/>

<input name="Submit" type="submit" value="确定"

onClick="return check(form1)">

</form>

js中的代码:function check(form){var str =

form.memberNo.value}

注意点:表单需指定名称(name),方法中需指定传入的参数对象。

你好,多表单同时提交建议使用异步模式,或者使用iframe实现伪异步

我写了一个使用iframe提交的例子:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Multiple Form Submit</title>

</head>

<body>

    <form action="a.php" target="J_ASubmit">

        <input type="text" name="a" value="a">

    </form>

    <form action="b.php" target="J_BSubmit">

        <input type="text" name="b" id="" value="b">

    </form>

    <form action="c.php" target="J_CSubmit">

        <input type="text" name="c" id="" value="c">

    </form>

    <input type="button" value="提交所有表单" id="J_Button">

<script>

(function(){

    var btn = document.getElementById('J_Button'),

        forms = document.getElementsByTagName('form')

    btn.onclick = function() {

        for (var i = forms.length - 1 forms[i] i--) {

            var ifr = document.createElement('iframe')

            ifr.style.display = 'none'

            ifr.id = forms[i].getAttribute('target')

            ifr.setAttribute('name', forms[i].getAttribute('target'))

            document.body.appendChild(ifr)

            forms[i].submit()

        }

    }

})()

</script>

</body>

</html>

打开页面后,点击“提交所有表单”按钮,会同时提交三个表单,可以在控制台验证:

当然,这么简单的写肯定不行,实际使用至少还得增加iframe存在性验证,不然body中会append很多空的同名,且同id的iframe,这是不合理的。

希望是你想要的答案,望采纳~~

var f1 = document.forms[0]

var f1 = document.forms[form1的name值]

var f1 = document.getElementById(form1的id值)

var f1 = document.getElementByTagName("form")[0]

以上都可以其中获取一个form,更改相应的参数可以得到另一个form。