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 相关文章推荐
dreamweaver 安装Jquery智能提示
Apr 02 Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
关于js里的this关键字的理解
Aug 17 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
jQuery中map函数的两种方式
Apr 07 jQuery
深入理解Angular.JS中的Scope继承
Jun 04 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
基于vue如何发布一个npm包的方法步骤
May 15 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 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中的 inet_pton 网络函数
2019/12/16 PHP
jQuery 判断元素上是否绑定了事件
2009/10/28 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
vue仿element实现分页器效果
2018/09/13 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
深入讲解Python中的迭代器和生成器
2015/10/26 Python
Python可变参数用法实例分析
2017/04/02 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
python破解zip加密文件的方法
2018/05/31 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
python 一维二维插值实例
2020/04/22 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
我们是伦敦女孩:WalG
2018/01/08 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
贝佳斯官方网站:Borghese
2020/05/08 全球购物
金讯Java笔试题目
2013/06/18 面试题
农场厂长岗位职责
2013/12/28 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
起诉书范文
2015/05/20 职场文书
国博复兴之路观后感
2015/06/02 职场文书
幸福终点站观后感
2015/06/04 职场文书
个人合作协议范本
2015/08/06 职场文书
教师培训学习心得体会
2016/01/21 职场文书
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python