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 相关文章推荐
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 Javascript
javascript数据结构之二叉搜索树实现方法
Nov 25 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
JavaScript定时器实现的原理分析
Dec 06 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
使用async await 封装 axios的方法
Jul 09 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
JavaScript事件委托实现原理及优点进行
Aug 29 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
PHPLog php 程序调试追踪工具
2009/09/09 PHP
PHP读取zip文件的方法示例
2016/11/17 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
JS中的public和private对象,即static修饰符
2012/01/18 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JavaScript实现梯形乘法表的方法
2015/04/25 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
js, jQuery实现全选、反选功能
2017/03/08 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
Python的类实例属性访问规则探讨
2015/01/30 Python
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
Python FFT合成波形的实例
2019/12/04 Python
使用Python实现牛顿法求极值
2020/02/10 Python
OpenCV 表盘指针自动读数的示例代码
2020/04/10 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
教育课题研究自我鉴定范文
2013/12/28 职场文书
工商管理专业自荐信
2014/06/03 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
假期安全教育广播稿
2014/10/04 职场文书
教师学期末个人总结
2015/02/13 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
导游词之泉州崇武古城
2019/12/20 职场文书
教你用eclipse连接mysql数据库
2021/04/22 MySQL
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
 Python 中 logging 模块使用详情
2022/03/03 Python
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫