js自動查找select下拉的菜單并選擇(示例代碼)
更新時間：2014年02月26日 09:40:35 作者：
這篇文章主要介紹了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;
}
}
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正則表達式實現(xiàn)模板數(shù)據(jù)動態(tài)渲染(實現(xiàn)思路詳解)
這篇文章主要介紹了基于JS正則表達式實現(xiàn)模板數(shù)據(jù)動態(tài)渲染 ,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了JavaScript分頁組件使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
平時項目中筆者也常用dayjs,它確實很好用,Day.js有著幾乎和Moment.js一樣的API,因此如果你用過Moment.js,那么也可以輕松使用Day.js,這篇文章主要給大家介紹了關于時間處理工具day.js常用方法的相關資料,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了javascript實現(xiàn)3D變換的立體圓圈效果,涉及javascript動態(tài)操作頁面元素實現(xiàn)滾動與變色的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
之前看到一個Android的加載效果不錯，一直想自己動手做一個，正好這段時間重溫了一個Canvas，所以就嘗試了一下。下面這篇文章主要給大家介紹了關于利用canvas實現(xiàn)加載效果的相關資料，需要的朋友可以參考下。2017-07-07
本文通過實例代碼給大家介紹了移動端點擊按鈕復制文本內容 ，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
改變CSS樣式分為局部和全局，下面為大家介紹下使用Javascript具體的實現(xiàn)，感興趣的朋友可以參考下2013-12-12
viewer.js一個強大的基于jQuery的圖像查看插件(支持旋轉、縮放)
這篇文章主要介紹了Viewer這一款強大的 jQuery 圖像瀏覽插件,在信息詳情頁面實現(xiàn)點擊圖片可以預覽,腳本之家也是用的這個js，這里為分享一下使用方法，需要的朋友可以參考下2020-04-04
JavaScript實現(xiàn)三級級聯(lián)特效
這篇文章主要介紹了JavaScript實現(xiàn)三級級聯(lián)特效，選擇省會出現(xiàn)相應的縣下拉框，同時市的下拉框改變，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
本文主要介紹了JavaScript中Math對象的方法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01