js自动查找select下拉的菜单并选择
2012-10-17 10:18
411 查看
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>
相关文章推荐
- js自动查找select下拉的菜单并选择
- js自动查找select下拉的菜单并选择(示例代码)
- js自动查找select下拉的菜单并选择(示例代码)
- 类似智能购票的demo--进入页面后默认焦点在第一个输入框,输入内容、回车、right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个。
- [js]实现简单的省市二级联动下拉选择菜单
- js 让select自动选择某项
- Vue.js入门学习--选择菜单select的绑定(七)
- js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
- Select下拉列表选择自动提交form表单数据
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航 .txt
- select下拉选择框美化实现代码(js+css+图片)
- 转:zTree树控件扩展篇:巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果
- js实现的全国省市二级联动下拉选择菜单完整实例
- JS select菜单动态选择练习
- js实现select下拉框菜单
- Js下拉框树型选择控件(盖住select下拉框元素)
- select 自动选择 检查下拉列表
- js控制html下拉框select的选择
- select下拉选择框美化实现代码(js+css+图片)