jQuery val()在select/option元素上返回一个带有IE8的数组 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jquery的html,text,val

()---一般用在input上，而不用在其他元素，用来获取input或者是select的值 html()和text()可用在多种元素上，但是html()相当于依据源代码返回，也就是在返回的内容中会包含各种... ] 最后，val（）属性中也有两个方法，一个有参，一个无参。 1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。...包括select。如果多选，将返回一个数组，其包含所选的值。 .../多选下拉框，$('#multiple').val()返回数组 //$("#multiple").val().join(", "))以,连接数组中每个值 html页面代码：select...在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象 html页面代码：

1.9K5 0

JQuery-命令速查-CheatSheet

获取数据 substr 获得子字符串得到选中的 option 的内容控件相关 select 添加 option disable select 删除 select 里面所有 option...动态添加表单获取 Jquery 对象数组中的所有文字 Jquery 对象的属性转为数组 Query select attributes into an array 页面控制滚动到对应位置...(); 　　下拉框 select： $('#sel').val(); 　　控制表单元素：　　文本框，文本区域：$("#txt").attr("value",'');//清空内容　　$("#txt...(i, el) { console.log( $(el).text()); }).get(); Jquery 对象的属性转为数组 Query select attributes into an...) 实际上是将 Jquery 传进去并执行了 extend 方法, 之后可以通过$.xxx(arg1, arg2)进行调用 Example 或者 jQuery 仅仅是一个 constructor,

9.7K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

Jquery 常见案例

在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工作。 ajaxForm 需要零个或一个参数。这唯一的一个参数可以是一个回调函数或者是一个可选参数对象。...当你只需要将表单的部分元素序列化时可以用到这个方法。这个方法将返回一个形如： name1=value1&name2=value2的字符串。是否可以连环调用: 否, 这个方法返回的是一个字符串。...从 0.91 版本开始, 这个方法始终返回一个数组。如果没有符合条件的域，这个数组将会是个空数组，否则它将会包含至少一个值。是否可以连环调用: 否, 这个方法返回的是一个数组。...可选参数项对象只是一个简单的 JavaScript对象，里边包含了一些属性和一些值: target 用server端返回的内容更换指定的页面元素的内容。...这个值可以用jQuery 选择器来表示, 或者是一个jQuery 对象，一个 DOM 元素。缺省值： null url 表单提交的地址。

6.7K1 0

jq---方法总结

什么是jQuery 在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它)。 jQuery是一个非常流行的快速、小巧、功能强大的开源JavaScript库。...前者是jQuery库的源代码版本，它带有注释信息，建议你在开发环境中使用该文件，以便于调试或阅读源代码。..."); // 选取所有选中的option元素 $(":input"); // 选取所有的表单控件元素(所有input、textarea、select、button元素) 五：将HTML字符串封装为jQuery...class="foo bar">Hello CodePlayer'); // 包含一个临时的div元素，其内嵌一个子节点p元素六：元素的筛选 // 以下方法都返回一个新的jQuery....map()用于遍历数组元素或对象属性，并将每次执行遍历函数的返回值封装为数组返回 var obj = { name: "jQuery", age: 20, isAdmin: true }; var resultArray

3K2 0

JS魔法堂：属性、特性，傻傻分不清楚

值属性（value属性）　　　　用过JQuery都知道面对种类繁多的表单元素，一个val函数就能轻松搞定是一件多么惬意的事啊。但原生value属性到底有哪些坑呢？我们现在来踩一下。　　　　...结论：通过SELECT元素的value属性获取选中项的值不可靠，因此mass framework在valHooks['@select:get']中是通过操作OPTION元素来获取选中项的值，　　　　　　　　 ...并且由于SELECT元素或OPTION元素的disabled属性值为true时，OPTION元素的selected属性依旧可能返回true，因此要对不可用的OPTION元素作过滤。　　　　...对于值属性要不就使用JQuery等dom库统一操作，要不就具体元素具体操作吧，　　　 mass framework的valHooks['@select:get']就是遍历option元素来获取select...假如大家看过《JS魔法堂：那些困扰你的DOM集合》就会知道FORM元素有一个HTMLFormControllersCollection类型的elements属性，该属性可通过点方式获取FORM元素下id

1.8K7 0

学习jQuery？这篇文章就够了

虽然 jQuery 对象包装了 DOM 对象但是两者不能混用，各位可以理解为 jQuery 对象与 DOM 对象是两个不类型的对象，但是我们调用 jQuery 对象的方法，事实上底层代码还是操作的是 DOM..." var $ret = $('#username').val('叩丁狼教育'); console.log($ret); // 返回的是被修改 value 属性值的 jQuery...注意：如果通过 jQuery 方法获取页面中元素，没有查找到，返回值不是 null，返回值为一个空数组 []，所以判断是否获取到元素，通过 jQuery.size() != 0 来判断。...distinct() { // 先获取右边 select 中 option 获取 value 属性值，存到一个数组中 var arr = []; $('...val); // 往数组最后添加一个元素 }); console.log(arr); // 遍历左边 select 中 option 获取其 value

12.3K1 0

jQuery的基本操作

(index，class，wsitch)[,switch] 1·用来返回在匹配的元素集合中的每一个元素上用来切换的样式类名的一个函数·接收元素的索引位置和元素旧的样式类作为参数· 2·一个用来判断样式类添加还是移除的...HTML内容会被获取· val 用于设定HTML内容的值 function(index,html) 此函数返回一个HTML字符串·接受两个参数,index为元素在集合中的索引位置,html为原先的...(index,text) 此函数返回一个字符串·接受两个参数,index为元素在集合中的索引位置,text为原先的text值· 无参数描述设置所有p元素的文本内容 jQuery代码 $("p...元素的index是："+n; }) 　　val([val|fn|arr]) //概述 //获得匹配元素的当前值 //jQuery 1.2中,可以返回任意的值了.包括select.如果多选,将返回一个数组...,其包含所选的值· val 要设置的值 function(index,value) 此函数返回一个要设置的值.接受两个参数,index为元素在集合中的索引位置,text为原先的text值· attay

7.5K2 0

脚本语言知识总结.

pop() 从数组移除最后一个元素 reverse()反转 join() 连接数组元素通过特定内容返回字符串 sort() 排序 slice() 截取数组中指定元素从start到end...获得NodeList 其中NodeList可以作为数组进行操作 Demo:在每一个h1标签后追加itcast //在每一个h1标签内追加一个...选中 $("#city").val("广州"); $("input[name='gender']").val(['女']); 练习4： ² 输出所有select元素下的所有option元素中对应的文本内容...>硕士option> option>本科option> option>大专option> select> ⑤：jQuery添加元素 l 创建元素拼接好HTML代码片段 $(html...value="本科">本科option> option value="高中">高中option> select> ⑥：jQuery删除元素选中要删除元素.remove() ---- 完成元素删除

5K13 0

下拉菜单11+原生js获取select下拉框的selected的option项

3:alert(options.text()); //拿到选中项的文本 [2]js数组转json并在后台对其解析具体实现想必大家在开发过程中也遇到类似问题，如果直接将js获取的数组传给后台...$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 jQuery添加...$("#select_id").prepend("option value='0'>请选择option>"); //为Select插入一个Option(第一个位置) 3....$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5....' 的select元素里面的具有selected 属性的option 元素； 2,单选框: $("input[@type=radio][@checked]").val(); //得到单选框的

7984 0

与Ajax同样重要的jQuery（2）

3.jQuery选择器总结 ①：对象访问核心方法 each(function(){}) 遍历集合 size()/length属性返回集合长度 index() 查找目标元素是集合中第几个元素 ②：CSS...select元素下的所有option元素中对应的文本内容例如:option value="中专">中专^^option> 输出--->中专^^ 硕士option> option>本科option> option>大专option> select> ⑤：jQuery添加元素 l 创建元素拼接好HTML代码片段 $(html...($newNode) 在存在元素后面追加 -- 兄弟 $newNode.insertBefore($node) 在存在元素前面追加练习5： ² 在id=edu下增加option value="大专"...⑦：jQuery复制和替换 l 复制节点 $(“p”).clone(); 返回节点克隆后的副本，但不会克隆原节点的事件 $(“p”).clone(true); 克隆节点，保留原有事件 l 替换节点 $(

6.2K5 0

2022年11月23日——jQuery——T1(基础选择器与表单选择器)

选择器功能返回值 #id 根据 id 属性值选取元素单个元素 .class 根据 class 属性值选取元素元素集合 element 根据给定的标签名选取元素元素集合 #id 选择器选取带有指定...选择器功能返回值 first() 或 :first 获取第一个元素单个元素 last() 或 :last 获取最后一个元素单个元素 :not(selector) 获取除给定选择器之外的所有元素...元素集合，如$("li:not(.title)") 获取class 不是 title 的元素 :even 获取索引值为偶数的元素，索引号从 0 开始元素集合 :odd 将每一个选择器匹配到的元素合并后一起返回...='userName'的值，而且还阻断了from表单的提交过程，在路径上我们并没有看到【?...选择器功能返回值 :input 获取 select> 元素元素集合 :text 获取符合 [type=text] 的元素元素集合

5.6K1 0

jQuery

获取到的元素是DOM对象，那么在jQuery中获取到的元素属于jQuery对象，两者之间方法有差别，虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法...属性选择器通过已经存在的属性名或属性值匹配元素; jQuery也可以通过属性选择器来进行操作； CSS选择器关键字 jQuery 说明 [attr] [attr] 带有以 attr 命名的属性的元素...html内容 html(val)// 设置所有匹配元素的html内容文本值 text()// 取得所有匹配元素的内容 text(val)// 设置所有匹配元素的内容值 val()// 取得第一个匹配元素的当前值...val(val)// 设置所有匹配元素的值 val([val1, val2])// 设置多选的checkbox、多选select的值 demo code 3option> select> 设置值 //将属性name=hobby的元素的值修，元素修改，效果勾选篮球足球 $("[name='hobby']").val(['basketball

6.8K1 0

Web前端学习笔记之jQuery基础

一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0]//jQuery...数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从0到length - 1。其他对象通过其属性名进行迭代。...终止each循环 return false；伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。....data(key, value): 描述：在匹配的元素上存储任意相关数据。...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述：移除存放在元素上的数据，不加key参数表示移除所有保存的数据。

3.6K2 0

jQuery

一个约定，我们在声明一个jQuery 对象变量的时候在变量名前面加上 $ 符号，主要是为了此变量是不是 jQuery 变量，防止使用错对象方法。...数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从0到length-1.其他对象通过其属性名进行迭代。....data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。....data(key,value); 描述：在匹配的元素上存储任意相关数据。...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key); 描述：移除存放在元素上的数据，不加 key 参数表示移除所有保存的数据。

4.7K5 0

jQuery中常用的函数方法总结

如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。挺有趣的一个函数，在动态实现某些功能的时候可能会用到。...css(name,value) 代码： $("p").css("color","red"); 作用：很简单，就是在匹配的元素中，设置一个样式属性的值。...代码: 作用：将一组元素转换成其他数组（不论是否是元素数组）你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。...通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。在控制HTML标记上是必备的工具。...作用：取得或设置匹配元素的html内容，同类型的方法还有text()和val()。

2.2K4 0

jquery

一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0]//jQuery...数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从0到length - 1。其他对象通过其属性名进行迭代。...终止each循环 return false；伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。....data(key, value): 描述：在匹配的元素上存储任意相关数据。...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述：移除存放在元素上的数据，不加key参数表示移除所有保存的数据。

5.8K3 0

js jquery 基本元素操作

("option:selected").text(); //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val();...为Select插入一个Option(第一个位置) 3. jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option...(最后一个) 4. jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)...$(this).attr("value",值); 一般都是创建一个js数组来存储遍历checkbox得到的值，创建js数组的方法： 1....往数组添加数据： array.push($(this).val()); 3.数组以“,”分隔输出： alert(array.join(',')); 六、jquery

3.5K3 0

jquery jQuery快速入门

val(val)// 设置所有匹配元素的值 val([val1, val2])// 设置多选的checkbox、多选select的值例如：数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从0到length - 1。其他对象通过其属性名进行迭代。...终止each循环 return false；伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。....data(key, value): 描述：在匹配的元素上存储任意相关数据。...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述：移除存放在元素上的数据，不加key参数表示移除所有保存的数据。

16.3K5 0

什么是jQuery？

对象在Jquery中对象都是当成是数组的。...从而在网页上做出动态的效果追加 append()：追加到父元素之后 prepend()：追加到父元素之前 after()：追加到兄弟元素之后 before()：追加到兄弟元素之前查询层次关系我们发现在选择器上就有层次关系的选择器...，在API上也有层次关系的方法。...replaceWith()：替代原来的节点迭代由于Jquery对象都是被看成是一个数组，each()方法就是专门用来操作数组的。...option>北京option> select> select name="city" id="cityId"> option>请选择城市option> select>

3K7 0

jQuery基础

//语法: 标签对象.事件(函数) eg: $("p").click(function(){}) 事件委派： $("").on(eve,[selector],[data],fn) // 在选择元素上绑定一个或多个事件的事件处理函数...这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。 over:鼠标移到元素上要触发的函数 out:鼠标移出元素要触发的函数元素我们自己自定义的DOM属性，在处理时，使用attr方法。...用来在jQuery命名空间上增加新函数。 ...在jQuery命名空间上增加两个函数: jQuery.extend({ min: function(a, b) { return a < b ?

2.1K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭