ajax 给select赋值,jquery操作select取值赋值与设置选中
摘要 腾兴网为您分享:jquery操作select取值赋值与设置选中,掌上优云,杂志迷,悦作业,小米云盘等软件知识,以及屏幕,赢在街拍客,动图,天下任我行,网易充值中心,马上用车,cf不掉血,回收app,小蜜蜂app,买书,浙商信用卡,子平八字排盘,爱心壁纸,青岛智慧城市,嘟嘟网络游戏服务网等软件it资讯,欢迎关注腾兴网。本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如select class=selector/select 1、设置value为pxx的项选中 复制代码 代码示例: $(.selector).val(pxx); 2、设置text为pxx的项选...
本节内容:
jquery实现select下拉框的取值与赋值,设置选中的方法大全。
比如
1、设置value为pxx的项选中
复制代码 代码示例:
$(".selector").val("pxx");
2、设置text为pxx的项选中
复制代码 代码示例:
$(".selector").find("option[text='pxx']").attr("selected",true);
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。
很多时候,中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
复制代码 代码示例:
$(".selector").val();
4、获取当前选中项的text
复制代码 代码示例:
$(".selector").find("option:selected").text();
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。
这在jquery中是非常简单的。
例如:
复制代码 代码示例:
$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("").val(1).text("pxx");
$(".selector2").append(option);
});
Js操作Select大全
判断select选项中 是否存在Value="paraValue"的Item
向select选项中 加入一个Item
从select选项中 删除一个Item
删除select中选中的项
修改select选项中 value="paraValue"的text为"paraText"
设置select中text="paraText"的第一个Item为选中
设置select中value="paraValue"的Item为选中
得到select的当前选中项的value
得到select的当前选中项的text
得到select的当前选中项的Index
清空select的项
js 代码
复制代码 代码示例:
// 1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
// 2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
// 3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
} else {
alert("该select中 不存在该项");
}
}
// 4.删除select中选中的项
function jsRemoveSelectedItemFromSelect(objSelect) {
var length = objSelect.options.length - 1;
for(var i = length; i >= 0; i--){
if(objSelect[i].selected == true){
objSelect.options[i] = null;
}
}
}
// 5.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
} else {
alert("该select中 不存在该项");
}
}
// 6.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect, objItemText) {
//判断是否存在
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break;
}
}
//Show出结果
if (isExit) {
alert("成功选中");
} else {
alert("该select中 不存在该项");
}
}
// 7.设置select中value="paraValue"的Item为选中
document.all.objSelect.value = objItemValue;
// 8.得到select的当前选中项的value
var currSelectValue = document.all.objSelect.value;
// 9.得到select的当前选中项的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
// 10.得到select的当前选中项的Index
var currSelectIndex = document.all.objSelect.selectedIndex;
// 11.清空select的项
document.all.objSelect.options.length = 0;
相关推荐
ajax 给select赋值,jquery操作select取值赋值与设置选中相关推荐
- jq select 修改选中_「jquery select」jquery操作select(取值,设置选中) - seo实验室
jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如 1.设置value为pxx的项选中 $(".sele ...
- jQuery的DOM操作之取值/赋值(1)
.html()方法 作用:获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的html内容 [例]取值 <body> <ul><li>1</li> ...
- 【C 语言】一级指针 易犯错误 模型 ( 判定指针合法性 | 数组越界 | 不断修改指针变量值 | 函数中将栈内存数组返回 | 函数间接赋值形参操作 | 指针取值与自增操作 )
文章目录 一.判定指针合法性 二.数组越界 三.不断修改指针变量值 四.函数中将栈内存数组返回 五.函数间接赋值形参操作 六.指针取值与自增操作 一.判定指针合法性 判定指针合法性时 , 必须进行如下 ...
- Jquery操作Cookie取值错误的解决方法
使用JQuery操作cookie时 发生取的值不正确,结果发现cookie有四个不同的属性,分享下错误的原因及解决方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现coo ...
- jQuery操作Select
jQuery是如何控制和操作select的.先看下面的html代码 <select id="test"><option value="1"&g ...
- jquery对textarea写入_「textarea赋值」JQuery给textarea取值和赋值 - seo实验室
textarea赋值 JQuery给textarea取值和赋值 取值 var qrcodefortemcontent=$("#qrcodefortemcontent").val() ...
- jquery操作select取值赋值与设置选中[转]
本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> ...
- jQuery: 操作select option方法集合
每一次操作select的时候,总是要谷歌一下资料,真是太不爽了, 在这里记录一下. 公共select代码 <select id="sel"><option val ...
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
最新文章
- 《本人娶刘亦菲的可行性报告》原文
- 推荐2一个在Java编码过程中得心应手的工具
- 51nod百度之星2016练习赛
- 为什么要用MyBatis-Hibernate
- Android启动外部程序
- Servlet详解之两个init方法的作用
- 嵌套的json ajax,通过jquery或javascript通过AJAX读取嵌套的JSON并输出到表中
- 除去数组中的空字符元素array_filter()
- 求出2个字符串中的最大公共子串
- 计算机视觉CV中RANSAC算法的学习笔记~
- 《我是一只IT小小鸟》会员书评
- css 识别屏幕大小自适应
- c语言中的加减乘除字母,C语言加减乘除运算
- 一次成功编译Bilibili安卓播放器
- Mystical compositions of the self: women, modernism, and empire【翻译】
- android 壁纸存储位置,手机图片去了哪?教你理清照片存放路径(全文)
- 吉列公司申请3D打印剃须刀架技术专利
- 【bestbanking】银行业数字化转型结硕果
- 《父与子的编程之旅-与小卡特一起学python》第18章
- twig php函数,TWIG的 function 学习