JS给HTML5页面<Select></Select>绑定选中项

例1:

 1 //第二级案件类型发生改变
 2         $("#SecondCasetypelist").change(function () {
 3             var child = $("#SecondCasetypelist").children();
 4             var selecting = 0;
 5             for (i = 0; i < child.length; i++) {
 6                 if (child[i].selected) {
 7                     selecting += 1;
 8                 }
 9             }
10             if(selecting == 0)
11             {
12                 child[0].selected = true;
13             }
14             else if(selecting > 1)
15             {
16                 child[0].selected = false;
17             }
18             loadHtml($(‘#tableCustom‘), ‘CustomReport‘, { Year: $("#Year").val(), Month: $("#Month").val(), caseStatus: $("#SecondCasetypelist").val(),flot:"2" });
19         });

例2:

 1  //列出会议类型函数
 2     function appendStrConferenceType(source)
 3     {
 4         debugger
 5         var type = $(‘#con_category‘).children();
 6         if(source == 1)
 7         {
 8             type[0].selected = true;
 9         }
10         else if(source == 2)
11         {
12             type[1].selected = true;
13         }
14         else
15         {
16             type[2].selected = true;
17         }
18     }
时间: 2024-10-26 15:17:24

JS给HTML5页面<Select></Select>绑定选中项的相关文章

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

方法一: $("#selIndustyType option[value='1']").attr("selected", "selected"); 方法二: <script type="text/javascript"> function change(objID, newValue) { var obj = $("#" + objID); if (!obj) { alert("对象为

select控件绑定数据,默认选中项

设置 "select"属性即可,如: <span style="font-size:18px;"><select class="fl" id="search_CityId" name="search_City"> <option value="0" selected="selected">不限</option> <

使用HTML5的JS选择器操作页面中的元素

上一篇文章介绍了HTML5新增的JavaScript选择器,今晚正式实践一下,使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用HTML5的JS选择器操作页面中的元

修改select下拉选的默认选中值

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 </head> 7 <script type="text/javascript" src="js/jquery-1.8.0.js"></script> 8 <body&g

Android较低版本(&lt;5.2) 页面默认Select选择框效果的BUG解决

Bug描述: 使用低版本安卓(<5.2),在微信上打开网页,点击下拉框,会出现如下图所示的用来展示select选项的弹出框: 在选项较少的时候,可以向下滑动,将选项滑到底部 滑动前: 滑动后: 期望达到的效果: 解决方案: 判断是否是微信环境: function isWeixinBrowser(){ return /micromessenger/.test(navigator.userAgent.toLowerCase()); } 判断安卓版号: var userAgent = navigato

Jquery设置select控件指定text的值为选中项

<select name="streetid" id="streetid"> <option value="4">北环路</option> <option value="5">天河路</option> <option value="6">清华园路</option> <option value="7"

html5页面js判断是否安装app,以及判断是否在app内部打开html5页面

一.html5页面js判断是否安装app 目前还不能通过浏览器直接判断是否安装app 通过谷歌参考别人的方式和测试 我们知道安装了某个app后通过scheme跳转协议(引荐:http://www.jianshu.com/p/eed01a661186)进入到app 没有安装时点击链接是无效的 所以通过点击链接后到执行进入app之间的时间差来判断是否安装app 1.下面只是处理了安卓系统时 if (navigator.userAgent.match(/android/i) ){ var nowTim

4.Knockout.Js官网学习(事件绑定)

前言 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数.大部分是用在button,input和连接a上,但是可以在任意元素上使用. 简单示例 <h2>ClickBind</h2> <div> You've clicked <span data-bind="text: numberOfClicks"></span> times <button data-bind="

设置联动的&lt;select&gt;&lt;/select&gt;下拉选项菜单的默认值

送货地址/收货人: <span id="region"> <select class="w110"> </select> <input type="hidden" value="" name="city_id" id="city_id"> <input type="hidden" name="area_i