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 相关文章推荐
细说浏览器特性检测(2)-通用事件检测
Nov 05 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
Aug 25 Javascript
jquery实现左右滑动菜单效果代码
Aug 27 Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
详解vuex的简单使用
Mar 12 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
JS变量提升及函数提升实例解析
Sep 03 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页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
php下拉选项的批量操作的实现代码
2013/10/14 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
lib.utf.js
2007/08/21 Javascript
点击表单提交时出现jQuery没有权限的解决方法
2014/07/23 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
Python OS模块常用函数说明
2015/05/23 Python
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
python pygame实现方向键控制小球
2019/05/17 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
css3背景_动力节点Java学院整理
2017/07/11 HTML / CSS
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
工程地质勘察专业大学生求职信
2013/10/13 职场文书
文秘专业大学生求职信
2013/11/10 职场文书
端午节粽子促销活动方案
2014/02/02 职场文书
班主任工作经验交流材料
2014/05/13 职场文书
2014年学生工作总结
2014/11/20 职场文书
房产分割协议书范文
2014/11/21 职场文书
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python