首页 > 其他分享 >js获取select选中的标签option的值

js获取select选中的标签option的值

时间:2023-09-17 10:38:30浏览次数:40  
标签:obj option text testSelect js 选中 var select

js中获取方法 
 var obj = document.getElementById(”testSelect”); //定位id 
 var index = obj.selectedIndex; // 选中索引 
 var text = obj.options[index].text; // 选中文本 
 var value = obj.options[index].value; // 选中值jQuery中获得选中select值 
 第一种方式 
(‘#testSelect option:selected’).text();//选中的文本(‘#testSelect option:selected’) .val();//选中的值 
 $(“#testSelect “).get(0).selectedIndex;//索引第二种方式 
 $(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
 …….val(); 
 …….get(0).selectedIndex;


标签:obj,option,text,testSelect,js,选中,var,select
From: https://blog.51cto.com/u_1481758/7499679

相关文章

  • Jquery设置select控件指定text的值为选中项
    北环路天河路清华园路徐寨路朝凤路园田路varstreet=‘清华园路’;(‘#streetidoption:contains(’+street+‘)’).each(function(){if((this).text()==street){$(this).attr(‘selected’,true);}});......
  • JS 日期比较大小的简单实例
    一 varbeginDate='2015-06-17';varendDate='2015-06-15';vard1=newDate(beginDate.replace(/\-/g,"\/"));vard2=newDate(endDate.replace(/\-/g,"\/"));if(beginDate!=""&&endDate!=""......
  • js操作iframe
    父页面<iframename="iframe1"></iframe><iframename="iframe2"></iframe><scripttype="text/javascript">functionp_mothd1(){alert('p_mothd1');}</script>子页面iframe1页面functioni......
  • css+js:实现tab切换线条跟随效果
    (目录)实现效果使用css和js实现一个tab切换的效果原理解析如上图红色框框代表盒子,总宽度记作totalWidth绿色框框代表每一项,宽度记作itemWidth深蓝色框框代表的是下划线,宽度记作activeWitdh那么我们可以得到线的左边距是每一项的左边距加上一个值这个值是每一项的......
  • 如何从 javascript 中的 Web api 将 json 对象传递到项目的其余部分
    在将从WebAPI获取的JSON数据传递到项目的其他部分之前,您需要确保在完成fetch请求并获得响应后再进行处理。因为fetch是一个异步操作,需要等待服务器响应的完成才能获取到数据。在您的代码示例中,您可以将json数据传递给其他函数或组件进行后续处理。以下是一种可能的处理方式:fetch(B......
  • C# Record类使用 注解Attribute JsonConverter
    用Record类的时候,声明成员很方便,但是想要用注解,要用下面这种方式: 和这种方式相同:JsonConverter使用需要创建一个class继承与JsonConverter<T>classJsonDoubleCvt:JsonConverter<double>{publicoverridedoubleRead(refUtf8JsonReaderreader,Typet......
  • 修改经过Spring Gateway的表单中的Json数据
    背景使用SpringCloudGateway作为网关时有时候一个请求是既包含excel又包含json的表单数据,出于各种层面考虑网关需要获取并更新其中的json数据依赖SpringBoot版本:2.7.15Hutool:5.8.21Java:11实现逻辑实现分为2个部分使用上文提到的ModifyRequestBodyGatewayFilterF......
  • 消息转换器 替代 @JsonFormat注解 完成 日期类序列化时的格式转换
      spring中的日期类从数据库读取完数据后,默认的格式其实很难看,传输给前端也不友好,所以我们一般会将日期类通过类似@JsonFormat(pattern="yyyy-MM-ddHH:mm:ss")privateLocalDateTimecreateTime;来更改日期类序列化时的格式。但这样太麻烦了,我们还可以用SpringMVC框架的......
  • 修改经过Spring Gateway的Json数据
    背景使用SpringCloudGateway作为网关时经常会需要对报文内的json数据进行修改,但是目前看到的实现方法看起来都很复杂,这里提供一种使用Spring官方提供的ModifyRequestBodyGatewayFilterFactory类来修改json报文的方法依赖SpringBoot版本:2.7.15Hutool:5.8.21Java:11实......
  • 记录--用js如何实现将手机号中间的几位数字变成****
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助今天,我们要实现一个很常见并且简单的功能:将手机号中间的几位数变成****这个功能其实很常见,比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的App卡号........