jquery怎么给input设置属性

jquery怎么给input设置属性,第1张

<input type="button" value="inid" />

赋值:

$("#inid").val("值")

添加属性

$("#inid").attr("自定义属性啥都行eg:flag","值")

获取属性的值

$("#inid").attr("flag")

一. 基本概念

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

<form action="form_action.asp" method="get">First name: <input type="text" name="fname" />Last name: <input type="text" name="lname" /><input type="submit" value="Submit" /></form>

二. 函数

1.返回 String,它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。任何有效的数值表达式,指定要返回的字符个数。filenumber必要。任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。

2.Input 函数只用于以 Input 或 Binary 方式打开的文件。与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、回车符、空白列、换行符、引号和前导空格等。对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。

3.在用 Input 读出二进制文件时,要用 LOF 和 Loc 函数代替 EOF 函数,而在使用 EOF 函数时要配合以 Get 函数。注意 对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说,number 指定的是要返回的字节个数,而不是要返回的字符个数。

$.attr('value', '123')这里的value是指元素节点上的属性值,即DOM节点上的属性值;

而$.val('123')是input的属性值,当其value值被赋值时则是通过setter方法定义的。

例如:<input id="s1" type="" name="" value="2">

这个value="2"和input的value值是两个概念。

value="2"是DOM结点上的属性值,如果想改变这个属性值,需要这样 *** 作$("#s1").attr("value","123"),这个属性值是可见的。

input上的值是它本身的value值,如果想获取则是$.val(),如果想赋值则用$.val('123')。

改变或者获取<input>、<textarea>、<select>、<option>、<button>的值都是用val(),改变或者获取DOM节点上的属性值,则用attr()

自己多试试就理解了。

serialize()、serializeArray()方法都是jquery用户序列化表单的,用于ajax提交的data值的序列化

在chrome的控制台我们很清楚的看到了serializeArray()返回的是json数组,数组的每个对象都是有json字符串构成,我们可以看到,每个json字符串包括两个键值对,每个键值对都是有name,value组成,其实serializeArray()它把表单里的每个需要提交的dom的name的值赋给json字符串的name,dom的value的值赋给json字符串的value.

那么我们只需这要添加额外的内容:

var dataParam = $("#updateChannelForm").serializeArray()

例如我想添加sex="男"

dataParam.push({"name":"sex","value":"男"}) 就可以了

我们看到serialize()方法把表单里的内容序列化成了字符串

"id=58&channelType=2&subTitle=591teststetets&extAttrValueId=599"

那么我们只需这要添加额外的内容:

var dataParam = $("#updateChannelForm").serialize()

例如我想添加sex="男"

dataParam =dataParam +"&"+"sex=男"


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7971019.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存