jquery select 选中

最新推荐文章于 2021-09-19 11:52:01 发布
最新推荐文章于 2021-09-19 11:52:01 发布
阅读量584 收藏
点赞数
分类专栏： jquery 文章标签： jquery select
<script src="jquery.js" language="javascript"></script>

<span id="xx">广州市</span>

<select id="select_id">
    <option>北京市</option>
    <option>广州市</option>
    <option>上海市</option>
</select>

如何让select 选中 广州市 ？

百度上搜到 $("#select_id option[text='广州市']").attr("selected", true);  但用不了><!!!



<script>
//普通js写法
document.getElementById("select_id").options[1].setAttribute("selected", true);
//jquery应该这样写
$("#select_id option").eq(1).attr("selected",true);
</script>


<html>
  <body>
   <select id= "selectedId" >
     <option value= "1"  >天津</option>
     <option value= "2" > 北京</option>
     <option value= "3" >上海</option>
   </select>
  </body>
  <script src= "jquery.js"  type= "text/javascript" ></script>
  <script>
  // $("#selectedId").val("3");
 $("#selectedId").find("option").eq(2).attr("selected","selected")
  </script>
</html>


上面的都已经经过IE8。FIFIREFOX 测试都正常



http://bbs.csdn.net/topics/370228474

馥钰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过jQuery获取Select选中的值或文本
猿小白的博客
04-10 1万+
如何使用jQuery获取Select元素选中的值或文本呢？本篇文章给出相应的解决方法 目录 第一步、引入jQuery 第二步、编写一个Select案例 第三步、编写获取select选中的值或文本 第一步、引入jQuery 这里使用的是BootCDN中的地址，也可以使用自己本地引用的地址 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 第二步.
jQuery获取Select选中的Text和Value
jackson61的博客
11-08 5091
11112222").appendTo("#sel")//添加下拉框的option。$("11112222
如何在jQuery的SELECT元素中选择特定选项？
p15097962069的博客
12-25 1188
如果您知道索引，值或文本。 另外，如果您没有直接参考的ID。 这 ， 这和这都是有用的答案。 标记示例 <div class="selDiv"> <selec
jquery对select进行种各种操作的方法[联动、根据值或文本选中指定的select等]
Boone的博客
05-18 927
每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。 比如 1、设置value为pxx的项选中      $(".selector").val("pxx");      $("select option[value='"+VZhi+"']").attr("selected","selected");      $("#selected
jquery操作select(取值，设置选中）
青年IT男
09-13 1217
操作select总结。 比如 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法，中括号里的等号的前...
jQuery取得select选中的值
热门推荐
syq8023的博客
06-20 8万+
jQuery取得select选中的值 本来以为jQuery("#select1").val();是取得选中的值， 那么jQuery("#select1").text();就是取得的文本。 这是不正确的，正确做法是： jQuery("#select1 option:selected").text(); jQuery取得select选择的文本与值 jquery获取select选择...
jQuery设置select选中项
Victor.Chang
02-24 4383
// 设置选中项 function setSelected(value) { if (value) { $("select").children("option").each(function () { var temp_value = $(this).val(); $(this).removeAttr("selected"); if (temp_value === value) { .
jQuery设置select的选中值
一万年太久，只争朝夕
09-19 8006
比如 <select id="testSelect"></select> 设置 value 为 test 的项选中 $("#testSelect").val("test"); 设置 text 为 test 的项选中 $("#testSelect").find("option[text='test']").attr("selected", true); example 1 <html> <head> <script src="https
Jquery获取select选中的文本与值
名字正在想呢的博客
06-15 1万+
转载地址：https://www.cnblogs.com/huhuixin/p/6182067.html jquery获取select选择的文本与值 1. 获取select ： 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtyp...
jquery获取select选中索引
虫逗蚊子的博客
10-19 644
之前一些整理jquery的内容可以看： http://ljhzzyx.blog.163.com/blog/static/383803122011101311143175/       select选中索引有好多方式， $('#someId').find('option:selected').selectedIndex; $('#someId').find('option:sel
jquery select选中的一个小问题
10-29
jquery使select选中的注意事项。
jquery select 选中值设置左右select选择互换
10-31
本话题聚焦于使用jQuery来实现两个select元素之间的选中值互换功能。这对于用户界面设计，尤其是在需要双向联动或者数据交换的场景下，是一个实用的功能。 首先，我们要了解HTML中的`<select>`元素。它是创建下拉...
jquery select 选中表单特效select城市选择三级
11-11
jquery select 选中表单特效select城市选择三级 jquery select 选中表单特效select城市选择三级 jquery select 选中表单特效select城市选择三级 jquery select 选中表单特效select城市选择三级
JQUERY 设置SELECT选中项代码
10-26
本文将深入探讨如何使用jQuery来设置SELECT选中项，以及涉及到的其他相关知识点。 首先，当我们需要根据value值设定SELECT中的某个option为选中状态时，可以使用`attr()`函数。这个函数允许我们获取或设置HTML元素...
b050闲置图书分享-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
本次开发的闲置图书分享平台实现了收货地址管理、字典管理、公告管理、留言板管理、图书管理、图书收藏管理、图书评价管理、图书订单管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让闲置图书分享平台更能从理念走到现实，确确实实的让人们提升信息处理效率。 管理图书的数据，此页面主要实现图书的增加、修改、删除、查看的功能。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。
《大学生职业生涯规划与就业指导》大一阶段课程作业
最新发布
07-24
《大学生职业生涯规划与就业指导》大一阶段课程作业
开题报告潮汕特产直销系统 已通过开题答辩的.doc
07-23
随着互联网的高速发展，人们的生活方式发生了翻天覆地的变化，在过去，人们想要购买很远地方的东西会非常麻烦，因为是通信和交通都不是十分的方便，而现在网络购物成为了人们日常生活中不可或缺的一部分。在这样的背景下，互联网与传统行业的融合已经成为了一种不可阻挡的趋势。对于中国特色的潮汕特产来说，这一趋势也带来了巨大的变革和发展机遇[1]。
Python性能优化：掌握性能分析工具的实战指南
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
Android学习系列之gradle实战
07-23
Android学习系列之gradle实战
jquery 操作select选中option
07-08
要使用jQuery获取已选中的<select>元素中的，可以使用以下代码： ```javascript // 假设你的<select>有一个 ID 叫做 "mySelect" var selectedOptionValue = $('#mySelect').find('option:selected').val(); ``` 这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值