js自动查找select下拉菜单选项示例

发布时间:2020-10-29编辑:脚本学堂
有关js脚本自动查找select下拉菜单中选项值的一段代码,js脚本结合php代码检测下拉列表菜单并选择匹配内容,需要的朋友参考下。

例子,js自动查找select下拉菜单选项
 

复制代码 代码示例:
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;
} // www.jb200.com
}
if(child[i].selected)
can = true;
}
if(is_end)
alert('已没有匹配内容');
}
}

2、php代码部分
 

复制代码 代码示例:
<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>