手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js自动查找select下拉的菜单并选择(示例代码)
js自动查找select下拉的菜单并选择(示例代码)
摘要:复制代码代码如下:functionfind_select(name){varselect=document.getElementsByNam...

复制代码 代码如下:

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 /><input value='find' onclick='find_select("Activity[Identifier]")' type=button />

</td>

</tr>

【js自动查找select下拉的菜单并选择(示例代码)】相关文章:

一段实时更新的时间代码

自动设为主页

详解JavaScript中的表单验证

Select的OnChange()事件

让插入到 innerHTML 中的 script 跑起来的实现代码

一些有关检查数据的JS代码

Jquery中基本选择器用法实例详解

javascript中FOREACH数组方法使用示例

JQuery中层次选择器用法实例详解

下拉菜单既可以选择,又可以自己填写

精品推荐
分类导航