js自动查找select下拉的菜单并选择(示例代码)


Posted in Javascript onFebruary 26, 2014
function find_select(name)
{
 var select = document.getElementsByName(name);
 var find_str = document.getElementById('to_find_str').value;
 if(select)
 {
  select = select[0];
  var child = select.childNodes;
  var can=false,text='',len=child.length,is_end=true;
  for(var i=0;i<len;i++)
  {
   if(can)
   {
    text = child[i].text;
    if( text &&
     text.indexOf(find_str)!=-1)
    {
     //console.log(text);
     child[i].selected = true;
     var v = child[i].value;
     select.value = v;
     select.onchange(v);
     is_end = false;
     break;
    }
   }
   if(child[i].selected)
    can = true;
  }
  if(is_end)
   alert('已没有匹配内容');
 }
}

<tr>
          <td><?php echo $L_SpecialActivityIdentifier?></td>
          <td>
    <select name="Activity[Identifier]" id="Identifier" onchange="change_activity(this.value)">
   <option value="">请选择</option>
   <?php
   foreach ($ActivityTypes as $Row ) {
    echo '<option value="'.$Row['Identifier'].'" '.($Row['Identifier']==$Activity['Identifier']?'selected':'').'>'.$Row['Name'].'</option>';
   } 
   ?>
    </select>
     -- <input value='' id='to_find_str' size=16 style="text-align:center;" /><input value='find' onclick='find_select("Activity[Identifier]")' type=button />
          </td>
      </tr>
Javascript 相关文章推荐
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
Sep 04 Javascript
详解JavaScript中的自定义事件编写
May 10 Javascript
js中toString()和String()区别详解
Mar 23 Javascript
vue构建单页面应用实战
Apr 10 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
Vue源码解析之数组变异的实现
Dec 04 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
vuex入门最详细整理
Mar 04 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
vue @ ~ 相对路径 路径别名设置方式
Jun 05 Vue.js
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 #Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
Feb 26 #Javascript
Javascript高级技巧分享
Feb 25 #Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 #Javascript
js判断为空Null与字符串为空简写方法
Feb 24 #Javascript
JS清空多文本框、文本域示例代码
Feb 24 #Javascript
脚本合并提升javascript性能示例
Feb 24 #Javascript
You might like
php+oracle 分页类
2006/10/09 PHP
php 判断访客是否为搜索引擎蜘蛛的函数代码
2011/07/29 PHP
php获取参数的几种方法总结
2014/02/18 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
2016/09/11 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
2019/10/15 PHP
学习YUI.Ext 第三天
2007/03/10 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
js 异步处理进度条
2010/04/01 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
jQuery Ajax File Upload实例源码
2016/12/12 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
浅析vue-router原理
2018/10/19 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
python高级特性简介
2020/08/13 Python
新闻记者实习自我鉴定
2013/09/19 职场文书
应聘医药代表职位求职信
2013/10/21 职场文书
护士自我鉴定
2013/10/23 职场文书
会计电算化个人自我评价
2013/11/17 职场文书
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
乡镇安全生产目标责任书
2014/07/23 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
综合测评个人总结
2015/03/03 职场文书
个人工作年终总结
2015/03/09 职场文书
赡养老人协议书范本
2015/08/06 职场文书