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 相关文章推荐
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
May 07 Javascript
javascript学习笔记(六) Date 日期类型
Jun 19 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
jQuery对象初始化的传参方式
Feb 26 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
Jul 29 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 Javascript
vue 虚拟DOM的原理
Oct 03 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
基于mysql的论坛(5)
2006/10/09 PHP
php csv操作类代码
2009/12/14 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
phpfpm的作用和用法
2019/10/10 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
jquery中ajax学习笔记3
2011/10/16 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
2012/12/15 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
使用mini-define实现前端代码的模块化管理
2014/12/25 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
利用node.js开发cli的完整步骤
2020/12/29 Javascript
在Python中操作字符串之rstrip()方法的使用
2015/05/19 Python
Python中使用pypdf2合并、分割、加密pdf文件的代码详解
2019/05/21 Python
Keras实现DenseNet结构操作
2020/07/06 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
HTML5 WebGL 实现民航客机飞行监控系统
2019/07/25 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
在C#中如何实现多态
2014/07/02 面试题
司机岗位职责
2013/11/15 职场文书
大学生创业计划书的格式要求
2013/12/29 职场文书
校本教研工作方案
2014/01/14 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
人民调解协议书范本
2014/10/11 职场文书
前端vue+express实现文件的上传下载示例
2022/02/18 Vue.js