js如何获取表单的值？？？

JavaScript08

js如何获取表单的值？？？,第1张

value

属性为

input

元素设定值，表单的值一般是元素的value属性：

假设有以下form，拥有一个input字段（带空值预定义）以及一个提交按钮

：

提取表单值代码：

提交之后获取的结果是：

空值：

不为空：

扩展资料：

value

属性为

input

元素设定值。对于不同的输入类型，value

属性的用法也不同：

（1）type="button",

"reset",

"submit"

-

定义按钮上的显示的文本；

（2）type="text",

"password",

"hidden"

-

定义输入字段的初始值；

（3）type="checkbox",

"radio",

"image"

-

定义与输入相关联的值；

参考资料：搜狗百科--value

1:你可以给table加一个id这样简单很多。也可以不加id

2：取table里input type="text 所有的值

var len = document.getElementsByTagName("table")[0].getElementsByTagName("input").length

var inputVal

for(var i=0i<leni++){

inputVal += document.getElementsByTagName("table")[0].getElementsByTagName("input")[i].value + "<br />"

}

alert(inputVal)

3：去select下的option的val 一样通过for循环遍历出来。这会吧。

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length // 获取id为first的行的单元格数目

实例演示如下：

创建Html元素

<div class="box">

<span>实例演示：获取表格第一行的单元格数量</span>

<div class="content">

<table>

<tr id="first"><td>1</td><td>2</td><td>3</td></tr>

<tr><td>4</td><td>5</td><td>6</td></tr>

<tr><td>7</td><td>8</td><td>9</td></tr>

</table>

<input type="button" value="获取表格第一行的单元格数量" onclick="fun_get()">

</div>

</div>

简单设置一下css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

table{border-collapse:collapse}

td{width:80pxheight:30pxline-height:30pxtext-align:centerborder:1px solid green}

编写jquery代码

<script>

function fun_get(){

alert(document.getElementById('first').cells.length)

}

</script>