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 代码集(学习js的朋友可以看下)
Jul 22 Javascript
jquery一句话全选/取消全选
Mar 01 Javascript
jquery随意添加移除html的实现代码
Jun 21 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
JavaScript函数模式详解
Nov 07 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
原生js实现随机点餐效果
Dec 10 Javascript
vue-cropper组件实现图片切割上传
May 27 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 抓取网页图片并且另存为的实现代码
2010/03/24 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
PHP缩略图生成和图片水印制作
2017/01/07 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
一个原生的用户等级的进度条
2010/07/03 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
JS得到当前时间的方法示例
2017/03/24 Javascript
js弹性势能动画之抛物线运动实例详解
2017/07/27 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
如何实现双向绑定mvvm的原理实现
2019/05/28 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
深入解读Python解析XML的几种方式
2016/02/16 Python
python爬虫入门教程--正则表达式完全指南(五)
2017/05/25 Python
Python标准库sched模块使用指南
2017/07/06 Python
python多线程与多进程及其区别详解
2019/08/08 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
什么是python的列表推导式
2020/05/26 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
一月红领巾广播稿
2014/02/11 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
社区志愿者活动方案
2014/08/18 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
2015年学生会部门工作总结
2015/04/21 职场文书
英语演讲开场白
2015/05/29 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python