JS中用this.from.name.value获取表单元素值的问题

以关联数组的形式。

成员访问符只能跟标识符。就是字面量。而关联数组的形式可以是任意字符串当然也可以是变量无论这个变量存储的值为什么都会变为字符串形式。

例子:

var

b

=

{a1:1,a2:2}

可以通过ba1访问a1属性

也可以通过b["a1"]访问a1属性

也可以通过

b[变量]访问b中的属性。如果属性存在返回属性值，如果不存在返回undefined。当然属性值如果默认为undefined也返回undefined。

属性访问符""的优点是比较直观。

而"[]"访问方式则不限制属性名。可以是任意字符串。但是“”访问符的属性名必须复合标识符要求。列子

b['my-sun']合法。只能通过关联数组的形式访问

bmy-sun

非法。编译不通过。

bmy_sun合法。标识符只能是数字、字母、美元符号、下划线组成。且开头不能是数字。(不能用数字为了消除歧义。)

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。

工具原料：编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交，代码如下：

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

参考下面代码：

实现代码：

<form action="inputdo" name="formkk">

<table>

<tbody>

<tr>

<td>text:</td>

<td>

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

</td>

</tr>

<tr>

<td>password:</td>

<td>

<input type="password" name="pass">

</td>

</tr>

<tr>

<td>radio:</td>

<td>

<input type="radio" name="xingbie" value="1">

男

<input type="radio" name="xingbie" value="2">

女

</td>

</tr>

<tr>

<td>checkbox:</td>

<td>

足球:<input type="checkbox" name="hobby" value="1" />

篮球:<input type="checkbox" name="hobby" value="2" />

拍球:<input type="checkbox" name="hobby" value="3" />

斗球:<input type="checkbox" name="hobby" value="4" />

</td>

</tr>

<tr>

<td>hidden:</td>

<td>

<input type="hidden" value="123" name="hidden"/>

</td>

</tr>

<tr>

<td>option:</td>

<td>

<select name="opt" id="opt">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

</select>

</td>

</tbody>

</table>

<input type="button" value="提交" onclick="javascript:check()"/>

</form>String[] hobbys = requestgetParameterValues("hobby"); //checkbox

String text = requestgetParameter("text"); //text

String password = requestgetParameter("password"); //password

String xingbie = requestgetParameter("xingbie"); //radio

requestgetParameter("hidden");

requestgetParameter("opt"); //select

获取值：

文本框，文本区域：$("#txt")attr("value")；

多选框checkbox：$("#checkbox_id")attr("value")；

单选组radio： $("input[@type=radio][@checked]")val();

下拉框select： $('#sel')val();

控制表单元素：

文本框，文本区域：$("#txt")attr("value",'');//清空内容

$("#txt")attr("value",'11');//填充内容

多选框checkbox： $("#chk1")attr("checked",'');//不打勾

$("#chk2")attr("checked",true);//打勾

if($("#chk1")attr('checked')==undefined) //判断是否已经打勾

单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option

$("#sel")empty()；//清空下拉框

Session存在服务器端,不可能获取到

webBrowser1DocumentForms 是页面所有Form的集合

webBrowser1DocumentForms[0]Id 就是第一个Form的Id,依次类推

webBrowser1DocumentForms[0]Name 是Name

webBrowser1DocumentForms[0]GetAttribute("id"); 效果一样

以上就是关于JS中用this.from.name.value获取表单元素值的问题全部的内容，包括:JS中用this.from.name.value获取表单元素值的问题、html中如何获取表单的数据、怎么使用Java提取html表单元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！