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 相关文章推荐
js函数般调用正则
Apr 08 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
Eclipse配置Javascript开发环境图文教程
Jan 29 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
如何使用原生Js实现随机点名详解
Jan 06 Javascript
Vue中引入svg图标的两种方式
Jan 14 Vue.js
JS实现刷新网页后之前浏览位置保持不变示例详解
Aug 14 Javascript
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
WindowsXP中快速配置Apache+PHP5+Mysql
2008/06/05 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
快速排序 php与javascript的不同之处
2011/02/22 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
JavaScript输入邮箱自动提示实例代码
2014/01/13 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
jquery实现两个图片渐变切换效果的方法
2015/06/25 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
2017/12/28 Javascript
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
Pycharm取消py脚本中SQL识别的方法
2018/11/29 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
python属于跨平台语言码
2020/06/09 Python
python opencv实现图像配准与比较
2021/02/09 Python
iRobot官网:改变生活的家用机器人品牌
2016/09/20 全球购物
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
JSF界面控制层技术
2013/06/17 面试题
大学毕业登记表自我鉴定
2013/10/09 职场文书
高中生自我评语大全
2014/01/19 职场文书
单身联谊活动方案
2014/01/29 职场文书
策划创业计划书
2014/02/06 职场文书
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android