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 相关文章推荐
基于jquery的button默认enter事件(回车事件)。
May 18 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
Apr 12 Javascript
SuperSlide2实现图片滚动特效
Jun 20 Javascript
JavaScript获取各大浏览器信息图示
Nov 20 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
js封装tab标签页实例分享
Dec 19 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
vue使用axios实现文件上传进度的实时更新详解
Dec 20 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 24 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
PHP获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php图片上传类 附调用方法
2016/05/15 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
2019/10/21 PHP
jQuery中data()方法用法实例
2014/12/27 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
2019/09/01 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
python制作爬虫爬取京东商品评论教程
2016/12/16 Python
利用Python破解斗地主残局详解
2017/06/30 Python
Django实现表单验证
2018/09/08 Python
CentOS 7下安装Python3.6 及遇到的问题小结
2018/11/08 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
pyenv与virtualenv安装实现python多版本多项目管理
2019/08/17 Python
python opencv如何实现图片绘制
2020/01/19 Python
pytorch masked_fill报错的解决
2020/02/18 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
在Python中实现字典反转案例
2020/12/05 Python
浅析rem和em和px vh vw和% 移动端长度单位
2016/04/28 HTML / CSS
大专毕业生自我鉴定
2013/11/21 职场文书
21岁生日感言
2014/02/27 职场文书
社会发展项目建议书
2014/08/25 职场文书
门面房租房协议书
2014/12/01 职场文书
旷工辞退通知书
2015/04/17 职场文书
奖金申请报告模板
2015/05/15 职场文书
如何撰写促销方案?
2019/07/05 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
攻略丨滑雪究竟该选哪款对讲机?
2022/02/18 无线电
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang