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 输出内容到新窗口具体实现代码
May 31 Javascript
js添加table的行和列 具体实现方法
Jul 22 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
js实现简单的验证码
Dec 25 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
微信小程序中使用javascript 回调函数
May 11 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
Jul 28 Javascript
Vue调用后端java接口的实例代码
Oct 28 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/08/08 PHP
php简单生成随机数的方法
2015/07/30 PHP
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
Exjs 入门篇
2010/04/07 Javascript
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
JavaSript中变量的作用域闭包的深入理解
2014/05/12 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
node.js中的buffer.toString方法使用说明
2014/12/14 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
Python标准库inspect的具体使用方法
2017/12/06 Python
python 判断网络连通的实现方法
2018/04/22 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
Tensorflow 自定义loss的情况下初始化部分变量方式
2020/01/06 Python
tensorboard显示空白的解决
2020/02/15 Python
Python实现加密的RAR文件解压的方法(密码已知)
2020/09/11 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
python 使用Tensorflow训练BP神经网络实现鸢尾花分类
2021/05/12 Python