select下拉框赋值和取值

2023-10-29

jq的select常用的方法:
一、下拉框赋值:
       1、已创建select的下拉框。
         ①选中option的value为jquery
            例:$("#szfs").val(“”jquery“”);
         ②选中option的text为jquery
            例: $("#select_id option[text='jQuery']").attr("selected", true);
         ③设置Select索引值为1的项选中
            例: $("#select_id ").get(0).selectedIndex=1;  
        2、未创建下拉框
        ① 创建option并选中
            例:$("#ywcj").append("<option value="+data.YWCJID+">"+data.YWCJ+"</option>").attr("selected", true);
二、创建下拉框:

    1. 删除Select中Text='4'的Option
          例:$("#select_id option[text='4']").remove();  
    2. 为Select追加一个Option(下拉项)
          例:$("#select_id").append("<option value='Value'>Text</option>");     
    3.为Select插入一个Option(第一个位置)
          例: $("#select_id").prepend("<option value='0'>请选择</option>");  
    4.删除Select中索引值最大Option(最后一个)
          例: $("#select_id option:last").remove();  
   5.删除Select中索引值为0的Option(第一个)
        例: $("#select_id option[index='0']").remove(); 
   6.  删除Select中Value='3'的Option
       例: $("#select_id option[value='3']").remove();
 三、获取选中值
  1、获取选中的value值
      $("#quiz0").val();
  2、获取选中的text值
     $("#quiz0 option:checked").text();
  3、获取选中的其他值
     例: `<option value="" tag-id="">请选择</option>`
    获取tag-id的值:$(quiz0).find("option:selected").attr("tag-id")

四、设置不能选择

disabled="true"

<select name="entity.gsdm" id="gsdm" οnchange="changeGsdm()" disabled="true" class="selectDisabled">因为select不能选择后为背景颜色为白色,随意使用background-color让其变成灰色。

.selectDisabled {
   background-color: #D4D4CA;
}

jq控制:

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");


         

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

select下拉框赋值和取值 的相关文章

随机推荐

  • 解决字体文件Font跨域权限问题

    问题描述 Font from origin http trunk supply chain com has been blocked from loading by Cross Origin Resource Sharing policy
  • 腾讯云技术专家卢萌凯手把手教你Demo一个人脸识别程序!

    欢迎大家前往腾讯云 社区 获取更多腾讯海量技术实践干货哦 本文来自腾讯云技术沙龙 本次沙龙主题为Serverless架构开发与SCF部署实践 卢萌凯 毕业于东南大学 曾就职于华为 熟悉云行业解决方案 目前负责腾讯云中间件产品及无服务器云函数
  • Linux应用开发

    1 为什么要学Linux 使用标准C C 编写运行在Linux上的应用程序 编写部署在Linux上的应用程序 如Python Java web服务程序 2 Linux学习方向 2 1 学习路线 熟悉 Linux 系统 基本命令 安装 Lin
  • Android Studio之将application工程改成library工程生成aar包

    一 修改application工程的app build gradle脚本 1 将项目由应用工程更改为库工程 apply plugin com android application 更改为 apply plugin com android
  • el-input输入框的那些事

    vue3 element plus ts es6 此帖只为记录开发中遇到的需求 技术问题 坑 1 文本域禁止自由拉伸 1 文本域禁止自由拉伸 el input有一个枚举类型的resize属性 控制拉伸 none both horizonta
  • 相关性模型与回归模型(例题代码)

    一 相关性模型 SPSS 相关性模型涉及到两种最为常用的相关系数 皮尔逊person相关系数 斯皮尔曼spearman等级相关系数 1 皮尔逊相关系数 相关性可视化 总结 1 如果两个变量本身就是线性的关系 那么皮尔逊相关系数绝对值大的就是
  • 系统安装部署系列教程(三):VHD方式安装系统

    普通的系统安装方式需要占用一个分区 假如某个分区有很多富裕空间 而且并不想完全格式化分区 可以考虑使用虚拟磁盘方式 VHD 安装系统 使用VHD方式安装的系统 只会占用一个文件 将来不需要的时候直接删除这个文件即可 而且VHD方式安装系统不
  • python多维list去重

    一维的list去重可以用set list 但是二维的list转set就会报错 unhashable type list 原因是set传进来的是不可哈希的变量 Python中那么哪些是可哈希元素 哪些是不可哈希元素 可哈希的元素有 int f
  • 期权策略篇: 实现买方狂欢,让卖方稳赚不赔的策略

    欢迎来到期权策略篇 实现买方狂欢 让卖方稳赚不赔的策略 今天给大家带来的期权策略比较简单 是我们比较常见的四种单腿期权策略 这四种策略分别是买入看涨期权 买入看跌期权 卖出看涨期权 卖出看跌期权策略 本文来自 期权酱 这四种期权策略相对于之
  • 7.27 总结+复盘

    一 初赛错题解析 第一题 题目 解析 像素位 字节位 字节 故选B 第二题 题目 解析 送命题 不会就是不会 做不会只能感叹自己道行甚浅 B选项是代码托管仓库 第三题 题目 解析 选A没啥好说的 记住就好 好奇怎么实现 请自行搜索 拓展一个
  • 2023更新阿里云服务器租用价格表(超详细)

    阿里云服务器分为云服务器ECS和轻量应用服务器 云服务器u1公网带宽可选1M到5M 系统盘为ESSD云盘40GB起 CPU内存配置可选2核2G 2核4G 4核8G 8核16G等配置 云服务器s6公网带宽可选1M到5M 系统盘40G起可选高效
  • 运放单的电源供电和双电源供电

    我们经常看到很多非常经典的运算放大器应用图集 但是他们都建立在双电源的基 础上 很多时候 电路的设计者必须用单电源供电 但是他们不知道该如何将双电源 的电路转换成单电源电路 在设计单电源电路时需要比双电源电路更加小 1 1 电源供电和单电源
  • vue后台管理动态路由-页面刷新之后跳转到默认页面的问题

    路由我们是用公共路由 动态路由 写的过程中发现 在动态路由的页面刷新页面后跳转到了默认页面 也就是我们设置的 path pathMatch redirect dashboard hidden true 本来这行代码我是写到公共路由里面了 就
  • 技术爆炸已至,AIGC(AI-Generated Content)带来内容产业全新格局

    公众号 做棵大树 欢迎关注一起进步 最近 在元宇宙概念大火的同时 人工智能技术也正在迎来新一轮的爆发 Chat GPT AIGC AI Generated Content 人工智能生成内容 正在成为一个新的风口 AIGC 即人工智能生成内容
  • Proteus元件库元件名称及中英对照表

    以下是具体内容 AND 与门 ANTENNA 天线 BATTERY 直流电源 BELL 铃 钟 BVC 同轴电缆接插件 BRIDEG 1 整流桥 二极管 BRIDEG 2 整流桥 集成块 BUFFER 缓冲器 BUZZER 蜂鸣器 CAP
  • 改进YOLO系列:4.添加ACmix注意力机制

    添加ACmix注意力机制 1 ACmix注意力机制论文 ACmix注意力机制原理 ACmix注意力机制的配置 common py配置 yolo py配置 yaml文件配置 1 ACmix注意力机制论文 论文题目 On the Integra
  • 上帝掷骰子吗--量子物理史话

    上帝掷骰子吗 量子物理史话 第一章黄金时代 一 我们的故事要从1887年的德国开始 位于莱茵河边的卡尔斯鲁厄是一座风景秀丽的城市 在它的城中心 矗立着著名的18世纪的宫殿 郁郁葱葱的森林和温暖的气候也使得这座小城成为了欧洲的一个旅游名胜 然
  • C++智能指针简单剖析

    转自 https www cnblogs com lanxuezaipiao p 4132096 html 导读 最近在补看 C Primer Plus 第六版 这的确是本好书 其中关于智能指针的章节解析的非常清晰 一解我以前的多处困惑 C
  • 如何有效地进行代码 Review

    前言 作为公司代码委员会 golang 分会的理事 我 review 了很多代码 看了很多别人的 review 评论 发现不少同学 code review 与写出好代码的水平有待提高 在这里 想分享一下我的一些理念和思路 为什么技术人员包括
  • select下拉框赋值和取值

    jq的select常用的方法 一 下拉框赋值 1 已创建select的下拉框 选中option的value为jquery 例 szfs val jquery 选中option的text为jquery 例 select id option t