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 闭包在封装函数时的简单分析
Nov 28 Javascript
niceTitle 基于jquery的超链接提示插件
May 31 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
ajax与302响应代码测试
Oct 23 Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
js实现倒计时关键代码
May 05 Javascript
关于Promise 异步编程的实例讲解
Sep 01 Javascript
详解Angular模板引用变量及其作用域
Nov 23 Javascript
ES5新增数组的实现方法
May 12 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
Aug 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
php下载远程文件类(支持断点续传)
2008/11/14 PHP
php读取xml实例代码
2010/01/28 PHP
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式二图文详解
2019/04/09 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
javascript add event remove event
2008/04/07 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
2011/10/19 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
jquery获取元素索引值index()示例
2014/02/13 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
ECMAScript中函数function类型
2015/06/03 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
原生js仿浏览器滚动条效果
2017/03/02 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
python获取外网IP并发邮件的实现方法
2017/10/01 Python
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
Django如何使用redis作为缓存
2020/05/21 Python
Pycharm Git 设置方法
2020/09/15 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
优秀团员个人的自我评价
2013/10/02 职场文书
外贸学院会计专业应届生求职信
2013/11/14 职场文书
行政部总经理岗位职责
2014/01/04 职场文书
民生工作实施方案
2014/05/31 职场文书
教师求职自荐书
2014/06/14 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
厉行节约工作总结
2015/08/12 职场文书