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 图片上传预览-兼容标准
Jun 01 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
Dec 21 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
JQuery包裹DOM节点的方法
Jun 11 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 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中的integer类型使用分析
2010/07/27 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
PHP 爬取网页的主要方法
2018/07/13 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
jquery 批量上传图片实现代码
2010/01/28 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
用js来获取上传的文件名纯粹是为了美化而用
2013/10/23 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
原生JS实现九宫格抽奖效果
2017/04/01 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
利用Python实现命令行版的火车票查看器
2016/08/05 Python
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
Python 如何查找特定类型文件
2020/08/17 Python
python实现xml转json文件的示例代码
2020/12/30 Python
《巨人的花园》教学反思
2014/02/12 职场文书
授权委托书格式
2014/07/31 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
联谊活动总结范文
2015/05/09 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
如何给HttpServletRequest增加消息头
2021/06/30 Java/Android