姚博文 JQuery 操作select取值,选中

最新推荐文章于 2025-09-10 09:18:00 发布

浪子遥遥

最新推荐文章于 2025-09-10 09:18:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript -jquery 文章标签： jquery firefox

本文链接：https://blog.youkuaiyun.com/tianyawudie/article/details/2765091

javascript -jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用jQuery操作Select元素的方法，确保了在不同浏览器（如Firefox）间的良好兼容性。文中通过实例展示了如何判断Select中Option元素的选中状态及如何设置特定Option为选中状态。

//var select0 = $("select[@name=select_templet"+ thissrc + "]")[0].options(0).selected;
//var select1 = $("select[@name=select_templet"+ thissrc + "]")[0].options(1).selected;
//var select2 = $("select[@name=select_templet"+ thissrc + "]")[0].options(2).selected;

  var select0 = $("#select_templet"+ thissrc + " option:eq(0)").attr("selected");
  var select1 = $("#select_templet"+ thissrc + " option:eq(1)").attr("selected");
  var select2 = $("#select_templet"+ thissrc + " option:eq(2)").attr("selected");

最近作项目用到jquery,网上许多操作select都用到上面我注释掉的代码,结果在firefox中根本不好使,下面三行是我使用jquery自己的代码后,完全兼容.上面代码实现了判断option某个元素是否为选中状态

//$("select[@name=select_templet"+ mateid + "]")[0].options(parseInt(type)).selected=true;

//$("select[@name=select_act"+ mateid + "]")[0].options(parseInt(act)).selected=true;

$("#select_templet"+ mateid).attr("value",parseInt(type));
$("#select_act"+ mateid).attr("value",parseInt(act))

以上的代码实现了对第index个option的选中