`
koreyoshi
  • 浏览: 241924 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS获取form表单所有属性值

 
阅读更多

function getFormQueryString(frmID)
{
var frmID=document.getElementById(frmID);
var i,queryString = "", and = "";
var item; // for each form's object
var itemValue;// store each form object's value

for( i=0;i<frmID.length;i++ ){
item = frmID[i];// get form's each object
if( item.name!='' ){
if( item.type == 'select-one' ){
itemValue = item.options[item.selectedIndex].value;
}else if( item.type=='checkbox' || item.type=='radio') {
if ( item.checked == false ){
continue;
}
itemValue = item.value;

}else if( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image'){// ignore this type
continue;
}else{
itemValue = item.value;
}itemValue = encodeURIComponent(itemValue);
queryString += and + item.name + '=' + itemValue;
and="&";
}
}
return queryString;
}

分享到:
评论

相关推荐

    JavaScript获取网页表单action属性的方法

    在JavaScript中,我们可以通过多种方式获取表单的action属性值。一种简单直接的方法是通过表单的id来获取该表单元素,然后访问其action属性。以下是一个JavaScript代码示例,演示了如何输出表单的action属性值: ``...

    js获取form表单中name属性的值

    今天我们将探讨如何使用JavaScript来获取form表单中name属性的值,并且着重讲解在动态表单的情况下,当无法预先确定标签的name属性值时,如何即时获取这些值以便进行存储或处理。 在文章中首先提到的方法是使用...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    vue获取form表单的值示例

    本文档中将分享一个如何在Vue.js中获取form表单值的示例,使用的是Element-ui组件库以及axios库来发送HTTP请求。下面将详细介绍这些知识点。 ### Vue.js中的表单数据绑定 Vue.js提供了一种简单的方式来实现数据的...

    jsp页面js调用form表单的值的方法

    ### JSP 页面中 JS 调用 Form 表单的值的方法 在 Web 开发中,JSP(Java Server Pages)是一种广泛使用的服务器端技术,它允许开发者将动态内容嵌入到静态 HTML 页面中。本篇文章主要介绍如何在 JSP 页面中通过 ...

    jquery获取表单值

    **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和常用。 ##### 2. 获取文本域(`...

    js简单获取表单中单选按钮值的方法

    本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值,并涉及到表单元素的遍历与查找技巧。 首先,单选按钮在HTML中的定义通常是使用`&lt;input&gt;`标签,并将`type`属性设置为`radio`。单选按钮通常会具有相同的...

    利用JS如何获取form表单数据

    本文主要给大家介绍的是关于利用JS获取form表单数据的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 方法如下: 1.有的时候想偷点懒,页面上有大量的表单提交数据,每次单独获取都比较...

    微信小程序例子——使用form表单获取输入框数据

    这个事件会在所有表单控件的校验都通过后触发,此时可以通过`event.detail.value`获取到一个对象,该对象包含了所有表单组件的值。 ```html &lt;form bindsubmit="handleSubmit"&gt; &lt;!-- 表单组件... --&gt; 提交 &lt;/form&gt;...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    `el-form`的`:rules`属性与`el-form-item`的`:prop`属性相结合,实现了表单元素的数据校验。当用户在输入框失去焦点(`blur`事件)时,会触发校验规则。 为了实现动态生成表单,可以借助Vue的计算属性和循环结构。...

    原生js实现获取form表单数据代码实例

    在本篇文章中,主要介绍了如何使用原生JavaScript(简称JS)来获取form表单中的数据,并提供了详细的代码示例。通过阅读本文,读者可以了解到如何利用原生JS来操作DOM(文档对象模型),进而获取表单中的各种数据,...

    动态设置form表单的action属性的值的简单方法

    form表单: &lt;form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] ...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    方法一:伪装form表单提交 这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,...

    如何使用Jquery获取Form表单中被选中的radio值

    这段代码首先选取所有名字为`opType`的input元素,然后进一步筛选出被选中的(`:checked`)元素,最后获取其`value`属性的值。 **方法2**:更简洁的方式是直接使用`:radio:checked`选择器: ```javascript $(...

    原生js form表单美化插件表单元素input select下拉框

    本主题将深入探讨如何使用原生JavaScript对form表单进行美化,并对input输入框和select下拉框进行优化。 一、表单基础 1. 表单元素:HTML中的&lt;form&gt;标签定义了一个表单,其中可以包含各种表单控件,如(输入框)、...

    javascript获取form里的表单元素的示例代码

    本文针对JavaScript中如何获取和操作HTML表单(form)中的表单元素提供了示例代码,对于前端开发者来说,这是十分基础且重要的知识点。理解并掌握如何通过JavaScript与表单元素进行交互,能够帮助开发者实现各种动态...

    form表单日期输入控件

    在网页设计和开发中,`form` 表单是用户与服务器进行数据交互的重要组成部分,而日期输入控件则是表单中常见的一种元素,用于收集用户的日期或时间信息。在HTML5中,引入了内置的日期输入类型,使得创建和处理日期...

    js 使FORM表单的所有元素不可编辑的示例代码

    在JavaScript中,有时我们需要使HTML页面中的FORM表单元素变得不可编辑,以便用户只能查看信息而不能修改。本文将详细讲解如何实现这一功能,并提供一个示例代码。 首先,我们来解析标题和描述中提到的关键知识点:...

Global site tag (gtag.js) - Google Analytics