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动态调整iframe高度的方法
Mar 06 Javascript
JQuery与Ajax常用代码实现对比
Oct 03 Javascript
js跨域问题之跨域iframe自适应大小实现代码
Jul 17 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
Dec 04 Javascript
Canvas实现放射线动画效果
Feb 15 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
VUE 解决mode为history页面为空白的问题
Nov 01 Javascript
js实现div色块碰撞
Jan 16 Javascript
如何手动实现一个 JavaScript 模块执行器
Oct 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 getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
php中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
PHP获取文件夹内文件数的方法
2015/03/12 PHP
php通过function_exists检测函数是否存在的方法
2015/03/18 PHP
PHP多文件上传实例
2015/07/09 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
IE6/7/8/9不支持exec的简写方式
2011/05/25 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
vue项目中使用axios上传图片等文件操作
2017/11/02 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
python调用机器喇叭发出蜂鸣声(Beep)的方法
2015/03/23 Python
python使用PIL缩放网络图片并保存的方法
2015/04/24 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
Python多层嵌套list的递归处理方法(推荐)
2016/06/08 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
Python3.5面向对象程序设计之类的继承和多态详解
2019/04/24 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
Python控制台实现交互式环境执行
2020/06/09 Python
Windows下PyCharm配置Anaconda环境(超详细教程)
2020/07/31 Python
中学教师实习自我鉴定
2013/09/28 职场文书
绩效考核实施方案
2014/03/18 职场文书
医学生就业推荐表自我鉴定
2014/03/26 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
pytorch fine-tune 预训练的模型操作
2021/06/03 Python