Jquery 根据value值设置下拉列表（select）默认选中项

方法一：

$("#selIndustyType option[value='1']").attr("selected", "selected");

View Code

方法二：

  <script type="text/javascript">function change(objID, newValue) {var obj = $("#" + objID);if (!obj) {alert("对象为空，执行返回！");return;}var options = obj.find("option");options.each(function (i) {if ($(this).text() === newValue) {$(this).attr("selected", true); -- 也可用 obj.get(0).selectedIndex = i; 替代}});}</script>

View Code

注意事项:

1、对象相等行判断，使用 === 而不是 == ，js 引擎执行两个相等符号时，会自动进行类型转换。比较 "1"==1 与 "1"===1 即可知道结果

2、以上代码需要引用 jQuery 库。本人out了，最近才知道该库的强大

3、学会使用 $, .find(), .attr 的使用

4、使用替代品 obj.get(0).selectedIndex = i; 时，没有完全理解其意思，obj.get(0) 获得的是什么东东，为何它有 selectedIndex 属性呢？

转载于:https://www.cnblogs.com/donchen/p/3999904.html

Jquery 根据value值设置下拉列表（select）默认选中项相关推荐

如何动态修改下拉列表的默认选中项
两种方法,第一种嵌入java代码:原理是首先获取需要选中项,然后用java代码控制那个标签内需要添加selected,其中Wish是放在request中的一个对象,仅此而已 <select na ...
Mutiselect下拉复选框(保存和设置默认选中项)
HTML代码 <asp:DropDownList ID="ddlWarehouseIds" runat="server" CssClass="d ...
html select设置不选中的值,如何定义 select 默认不选中任何值
http://www.cnblogs.com/greatverve/archive/2010/02/03/1662565.html 本来以为jQuery("#select1").v ...
vue中,静态书写select的option选项时如何设置默认选中项
@mishu vue中,静态书写select标签的option选项时如何设置默认选中项在vue框架下,给select标签使用v-model绑定数据时,我们的selected=''selected'' ...
easyui combobox默认选中项
今天写前端代码发现combobox还挺难搞, $("#select_Dic").combobox({ url: "http ...
vue+ 下拉框有选择项点击选项也拿到值就是页面不显示选中项
1. 在change 事件中添加这个方法: 转载于:https://www.cnblogs.com/Airoocle/p/10130140.html
@html.dropdownlist默认多选,@html.dropdownlistfor默认选中项
() { =() { (){Text="--请选择--",="",=}, (){Text="全场满赠",="0",Sel ...
JavaScript（19）jQuery HTML 获取和设置内容和属性
jQuery HTML jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力.jQuery 提供一系列与 D ...
HTML 下拉列表select表单元素
< select> 表单元素使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表. < select>表单元素在页面中, ...
JQuery获取下拉列表框选中项
<select id="ddlMember"> <option value="1">张三</option> <opti ...

Jquery 根据value值设置下拉列表（select）默认选中项

Jquery 根据value值设置下拉列表（select）默认选中项相关推荐

最新文章

热门文章