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 相关文章推荐
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
Aug 10 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
webpack配置之后端渲染详解
Oct 26 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
vue-router之实现导航切换过渡动画效果
Oct 31 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 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
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
php获取发送给用户的header信息的方法
2015/03/16 PHP
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
12306验证码破解思路分享
2015/03/25 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
每天一篇javascript学习小结(面向对象编程)
2015/11/20 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
Vue简单实现原理详解
2020/05/07 Javascript
Python的Flask框架应用调用Redis队列数据的方法
2016/06/06 Python
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python 12306抢火车票脚本
2018/02/07 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
美国渔具店:FishUSA
2019/08/07 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
PHP如何对用户密码进行加密
2014/07/31 面试题
浙大网新C/C++面试解惑
2015/05/27 面试题
应届毕业生求职信范文分享
2013/12/26 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
保证书格式范文
2014/04/28 职场文书
毕业证明书
2015/06/19 职场文书
决心书格式及范文
2019/06/24 职场文书
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
Java基础之this关键字的使用
2021/06/30 Java/Android