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 相关文章推荐
jQuery 技巧小结
Apr 02 Javascript
jquery 查找新建元素代码
Jul 06 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
C++中的string类的用法小结
Aug 07 Javascript
jQuery垂直多级导航菜单代码分享
Aug 18 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
详解微信小程序网络请求接口封装实例
May 02 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单元测试框架PHPUnit用法详解
2019/01/23 PHP
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
2017/01/22 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
JavaScript 五大常见函数
2018/03/23 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
JavaScript鼠标拖拽事件详解
2020/04/03 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
js实现搜索提示框效果
2020/09/05 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
[00:43]2016完美“圣”典风云人物:单车宣传片
2016/12/02 DOTA
Python读写Excel文件方法介绍
2014/11/22 Python
Python实现批量下载文件
2015/05/17 Python
Python常用的json标准库
2019/02/19 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
基于python生成器封装的协程类
2019/03/20 Python
Scrapy-Redis结合POST请求获取数据的方法示例
2019/05/07 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
详解KMP算法以及python如何实现
2020/09/18 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
酒店执行总经理岗位职责
2013/12/15 职场文书
投资意向书范本
2014/04/01 职场文书
雷人标语集锦
2014/06/19 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
政工师工作总结2015
2015/05/26 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书