首页 > 其他分享 >js/jquery 关于select 的一些操作

js/jquery 关于select 的一些操作

时间:2023-09-19 16:46:55浏览次数:44  
标签:jquery index text js 获取 选中 myselect options select

1. 如何设置默认选中呢 
 
设置默认选中可在option 中添加 selected = "selected",具体举例如下:
 
<option value="2" selected="selected">test2</option>  
 
<select id="citySel" class="select">
    <option value="">请选择城市</option>
    <option value="sh">上海</option>
    <option value="bj">北京</option>
    <option value="gz">广州</option>
    <option value="sz">深圳</option>
</select>
 方法一:javascript
 
1:获取select对象: var  Sel=document.getElementById("citySel");
 
2:取到选中项的索引:var index=Sel.selectedIndex ;             // selectedIndex是所选中的项的index
 
3:获取选中项的value:  myselect.options[index].value;
 
4:取到选中项的文本内容:  myselect.options[index].text;
// selectedIndex是所选中的项的index
 
3:获取选中项的value:  myselect.options[index].value;
 
4:取到选中项的文本内容:  myselect.options[index].text;
 方法二:jquery
 
1:var options=$("#citySel option:selected");  //获取选中的option
 
2:options.val();   //拿到选中项的值,比如选中上海,获取的值为“sh”;
 
3:options.text();   //拿到选中项的文本,比如选中上海,获取的值为“上海”
//获取选中的option
 
2:options.val();   //拿到选中项的值,比如选中上海,获取的值为“sh”;
 
3:options.text();   //拿到选中项的文本,比如选中上海,获取的值为“上海”

标签:jquery,index,text,js,获取,选中,myselect,options,select
From: https://www.cnblogs.com/bugDiDiDi/p/17715061.html

相关文章

  • Linux 安装Nodejs
    1.cd/usr/local/src/2.下载nodewgethttps://nodejs.org/dist/v15.4.0/node-v15.4.0-linux-x64.tar.xz3.解压文件tarxfnode-v15.4.0-linux-x64.tar.xz4.导航至解压目录cdnode-v15.4.0-linux-x65.运行node查看版本,确认是否安装成功:./bin/node-v6.设置node软链接:ln......
  • js removeRepeat 数组去重
    //数组不去重_this.incompleteData.map(e=>e.order_id).join(',')//数组去重varorder_ids=_this.incompleteData.map(e=>e.order_id).removeRepeat().join(','); ......
  • 子表JS插件技术
    1.利用Jquery操作table实现表格中增加行,提供三种关于增加表格行的方法,可以在表头中点击增加操作,可以在操作的下拉框中插入一行(默认插入当前行的上一行),当编辑到最后一行的时候也会自动的增加一行。2.利用Jquery操作table实现表格行的复制功能,如果需要录入的内容相同,可以直接使用操作......
  • json格式
         从下面这个demo可以知道json的值键对的值有可以加‘’或者是“”或者是不加引号<html><head><title>json例子</title></head><body><script><!-- vardata1="{\"root\":[{'name':'name1','value&#......
  • destoon上做纯js实现html指定页面导出word
    因为最近做了范文网站需要,所以要下载为word文档,如果php进行处理,很吃后台服务器,所以想用前端进行实现。查询github发现,确实有这方面的插件。js导出word文档所需要的两个插件:FileSaver.jsjquery.wordexport.js首先引入:<!--生成word!--><scriptsrc="https://cdn.bootcss......
  • npm does not support Node.js的解决办法
    原文链接:https://blog.csdn.net/UKilll/article/details/131589827 1、查看npm和nodejs的版本是否配套。2、因为我的使用了npminstall-gnpm把npm的版本升级到了9.几导致运行项目的时候提示npmv9.8.0doesnotsupportNode.jsv14.16.1,查阅了很多资料之后感觉太麻烦了,现......
  • SQL update select结合语句详解及应用
    SQLupdateselect结合语句详解及应用 QLupdateselect语句最常用的update语法是:12UPDATETABLE_NAMESETcolumn_name1=VALUEWHRERcolumn_name2=VALUE如果我的更新值Value是从一条select语句拿出来,而且有很多列的话,用这种语法就很麻烦第一,要sel......
  • 如何在vuejs项目中使用md5加密密码的实现
    1、NPM安装:npminstall--savejs-md52、全局用法2.1、全局引用importmd5from'js-md5';Vue.prototype.$md5=md5;2.2、全局使用将您需要加密的信息放进去:this.$md5('Thisisencryptedcontent')//6f43dd5db792acb25d6fe32f3dddac703.局部用法在页面中单独使用......
  • How to use ESM & TypeScript in Node.js All In One
    HowtouseESM&TypeScriptinNode.jsAllInOne{"compilerOptions":{"module":"NodeNext",//"module":"Node16",}}{"name":"esm-ts-package",......
  • js_对输入框按下enter键会触发change事件
    测试代码<body><inputtype="text"id="i1"/><script>constoI1=document.querySelector('#i1')oI1.addEventListener('keydown',function(e){console.log(e.key)})oI1.add......