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 播放器 控制
Jan 22 Javascript
JS动画效果代码3
Apr 03 Javascript
用js遍历 table的脚本
Jul 23 Javascript
JavaScript获取网页表单action属性的方法
Apr 02 Javascript
jquery easyUI中ajax异步校验用户名
Aug 19 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
基于JavaScript实现的折半查找算法示例
Apr 14 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
javascript实现简易的计算器
Jan 17 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
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类
2006/11/27 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
PHP中使用TCPDF生成PDF文档实例
2014/07/01 PHP
php截取字符串函数分享
2015/02/02 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
vue 项目软键盘回车触发搜索事件
2020/09/09 Javascript
Python读取mp3中ID3信息的方法
2015/03/05 Python
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
python感知机实现代码
2019/01/18 Python
python opencv 实现读取、显示、写入图像的方法
2020/06/08 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
Dower & Hall官网:英国小众轻奢珠宝品牌
2019/01/31 全球购物
params有什么用
2016/03/01 面试题
服装销售人员求职自我评价
2013/09/26 职场文书
毕业生造价工程师求职信
2013/10/17 职场文书
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
自荐信格式写作方法有哪些呢
2013/11/20 职场文书
单位委托书格式范本
2014/09/29 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL