jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option

全栈工程师开发手册（作者：栾鹏）

jquery系列教程2-DOM操作全解

jquery中select操作

jquery中select操作函数和字段包括append、prepend、remove、find、val、get、selectedIndex、attr、option，具体功能如代码中注释。

代码如下：

$("#selectId").append("<option value='"+value+"'>"+text+"</option>");    //添加option
$("#select_id").prepend("<option value='0'>请选择</option>");           //为select插入一个option(第一个位置)
$("#select_id option[index='0']").remove();                            //删除select中索引值为0的option(第一个)
$("#select_id option[text='4']").remove();                                 //删除select中Text='4'的option
$("#select_id option[value='3']").remove();                            //删除select中Value='3'的option
$("#selectedId option").remove();                                         //删除所有option
var checkText=$("#select_id").find("option:selected").text();          //获取select选择的text
var checkValue=$("#select_id").val();                                    //获取select选择的value
var checkIndex=$("#select_id ").get(0).selectedIndex;                    //获取select选择的索引值
var maxIndex=$("#select_id option:last").attr("index");                //获取select最大的索引值
$(".selector").val("pxx");                                              //设置value为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);       //设置text为pxx的项选中
$("#select_id ").get(0).selectedIndex=1;                                 //设置select索引值为1的项选中

jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option相关推荐

jQuery对select操作(2)
jQuery对select操作 (2009-04-02 18:46:03) 转载标签: jquery select option 获取自定义属性 it 分类: javascript //遍历op ...
day43 JavaWen阶段——JQuery 基础（JQuery相关开发文档，JQuery对象和JS对象区别与转换，JQuery选择器，JQuery中DOM操作，案列【QQ表情选择】【左右移动】）
今日内容 1. JQuery 基础: 概念快速入门 JQuery对象和JS对象区别与转换选择器 DOM操作案例今日源码: 链接:https://pan.baidu.com/s/1KiG0c_V ...
jQuery中DOM操作
1.DOM操作的分类 DOM操作一般分为3个方面,即DOM Core.HTML-DOM和CSS-DOM. 2.查找节点 2.1查找元素节点获取元素节点并打印它的文本内容 var $li = $(&q ...
jQuery的Select操作集合
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
比较jquery中的after(),append(),appendTo()方法
html页面: <p id="myp1">我的兴趣爱好是:</p> <button id="b1">after函数</ ...
JQuery中html、append、appendTo、after、insertAfter系列方法
2019独角兽企业重金招聘Python工程师标准>>> html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: ap ...
在jQuery中，apppend 与prepend 的区别
append(content) * 向每个匹配的元素内部追加内容. * 这个操作与对指定的元素执行 appendChild 方法,将它们添加到文档中的情况类似. // 例子:向所有段落中追加一些HTM ...
html5 appendto,JQuery中html、append、appendTo、after、insertAfter 等使用
1.html方法,给元素添加html代码或者清空html代码(参数为空字符串): 2.append向元素的末尾添加html代码: 3.appendTo这个方法跟append方法的很像,只是要添加的ht ...
jQuery对select操作
//遍历option和添加.移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYP ...

jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option

jquery中select操作

jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option相关推荐

最新文章

热门文章