根据select中option的text或value来选中

最新推荐文章于 2020-12-01 19:30:22 发布
最新推荐文章于 2020-12-01 19:30:22 发布
阅读量3.3k 收藏 2
点赞数
分类专栏： 【前端】 文章标签： select javascript html option
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a447332241/article/details/78563549
版权 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	  <script type="text/javascript" src="jquery-2.0.0.min.js"></script>
</head>
<body>

 <script type="text/javascript">
    $(function(){
    $("#demo option:contains('跑车')").attr("selected", true);   //根据text选中


  //  $("#demo option[value=9]").attr("selected", true);  //根据value选中

     
 
    
    })

 </script>
<select id="demo">
     <option  value="1">微型车</option>
     <option value="2">小型车</option>
     <option value="3">紧凑型车</option>
     <option value="4">中型车</option>
     <option value="5">中大型车</option>
     <option value="6">豪华型车</option>
     <option value="7">MPV</option>
     <option value="8">SUV</option>
     <option value="9">跑车</option>
</select>
	
</body>
</html>



直接上代码 两种选中方法效果都是一样的





Asher1
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery控制select的text/value值为选中状态
12-09
每一次操作select的时候，总是要在网上翻下，太繁琐了，自己在这里总结下。 比如<select class=”selector”></select> 1、设置value为“全部“的项选中 代码如下: $(“.selector”).val(“全部”); 2、设置text为“全部“的项选中 代码如下: $(“.selector”).find(“option”).attr(“selected”,true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value 代码如下: $(“.selecto
jQuery获取Select选择的Text和_Value
08-30
jQuery获取Select选择的Text和_Value
实现select动态添加option并选中的多种方法
phplife的电子商务网上商城专栏
02-13 3638
select动态添加option并选中，然后立刻把添加的option设为选中状态 普通的javascript实现方法一： var opt = document.createElement("OPTION"); opt.value = 6; opt.text  = "分类名"; opt.selected ="selected";    documtent.getElementById("
html <select> <option> 实现根据选择不同的option，调用不同的方法功能
weixin_34179968的博客
02-21 944
<select id="select" data-role="none"> <option gid="1" value="1" selected>Take Photo</option> <option gid="0" value="0">Choose exist image</option&gt...
根据select的option文本选中对应的选项
weixin_30275415的博客
09-26 544
function selectByOptionTxt(obj,txt){ var optionArr = $(obj).find("option"); for(var i=0;i<optionArr.length;i++){ if(optionArr.eq(i).text()==txt){ $...
jquery操作select(取值，设置选中）
青年IT男
09-13 1209
操作select总结。 比如 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法，中括号里的等号的前...
根据option的值选中select
ko__ng的博客
11-26 597
//根据值选中 方式一 $("#year").find("option[value = '"+yvalue+"']").attr("selected",true); 方式二  适用于bootstrap trigger('change')为触发刷新 否则 可能会出现一种情况 值选对了 显示的不对 $("#year").find("option[value = '"+yvalue
实现 select中指定option选中…
senlin1202的博客
03-04 2171
我们在用到下拉列表框select时，需要对选中的 选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。 当我们触发select的双击事件时，用ondblclick方法。 当我们要取得select的选中事件时，用document.all['name'].value来获取，其中name是select的名称。 如果我们要得到select的全部的值就用一个f
select设置选中option
mclt2017的博客
12-01 5636
根据option的value值，设置选中option： <select name="typeOfCertification" id="typeOfCertification" lay-verify="required"> <option value="1">新办</option> <option value="2">续费</option> <option value="3">变更</option>.
select option 根据后台值选中
小丫小白菜的博客
06-18 1266
在写业务的时候,会遇到select根据后台传来的数据来动态的选择option;下面是核心前端代码: html： <input type="hidden" id="selectrole" th:value="${users.role}"> <select name="role" id="selects"> <option >请选择</option> <option value="房东">房东</option>
jquery 中select下拉框根据option的text值获取选中的value值的小技巧
AI菜鸡，NLP领域，至今为发不出论文掉头发
07-11 1357
使用jQuery根据option中的text，获取select下拉框中的value值，很多人都是直接使用$('#selectId option[text="test"]').val(); 但是，在某些情况下，这种方式并不能获得想要的结果，在这里提供一种其他的方法，$('#selectId option:contains(“test”)').val(); 使用contains内容过滤器来得到想要的结果 ...
Vue.js获取被选择的option的value和text值方法
12-29
拓展知识：select标签如何传递选中option的value值与text值方法 如下所示： <select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)> <option value=0>请选择主菜名</option...
js添加select下默认的option的value和text的方法
01-19
jsp 中的下拉框标签： ”sjx” id=”sjx” list=”sjxList” listKey=”BM” listValue=”MC” size=”20″ cssStyle=”width:100%;height:70px; multiple=”true”> 代码如下: ”code” class=”html”> multiple...
jQuery操作select下拉框的text值和value值的方法
12-08
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
jQuery获取Select选择的Text和Value(详细汇总)
12-03
var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value 4. var checkIndex=$(“#select_id “).get(0)...
js组件-bootstrap table 客户端分页与搜索总结
热门推荐
kkkkkkkk的博客
11-20 1万+
先上代码以及效果图 ｈｔｍｌ代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% pageContext.setAttribute("APP_PATH",request.getContextPath()); %> Insert title
【js】addEventListener() 用法
kkkkkkkk的博客
06-24 1万+
  addEventListener() 方法用于向指定元素添加事件句柄。 addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。 你可以向一个元素添加多个事件句柄。 你可以向同个元素添加多个同类型的事件句柄，如：两个 "click" 事件。 你可以向任何 DOM 对象添加事件监听，不仅仅是 HTML 元素。如： window 对象。 addEventLis...
Form表单的6种提交方式
kkkkkkkk的博客
08-16 2169
1.无刷新页面提交表单 表单可实现无刷新页面提交，无需页面跳转，如下，通过一个隐藏的iframe实现，form表单的target设置为iframe的name名称， form提交目标位当前页面iframe则不会刷新页面 2.通过type=submit提交 一般表单提交通过type=submit实现，input type="submit",浏览
easyui设置select根据text选中某个option
最新发布
06-07
你可以使用以下代码根据 option 文本选中一个 select 中的选项： ```javascript $('#mySelect option').each(function() { if ($(this).text() === 'Option 2') { $(this).prop('selected', true); return false...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值