js自動(dòng)查找select下拉的菜單并選擇(示例代碼)
更新時(shí)間：2014年02月26日 09:40:35 作者：
這篇文章主要介紹了js自動(dòng)查找select下拉的菜單并選擇(示例代碼)需要的朋友可以過來參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
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('已沒有匹配內(nèi)容');
}
}
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
echarts實(shí)現(xiàn)詞云自定義形狀的示例代碼
這篇文章主要介紹了echarts實(shí)現(xiàn)詞云自定義形狀的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
經(jīng)常用的圖片在容器中的水平垂直居中實(shí)例
經(jīng)常用的圖片在容器中的水平垂直居中實(shí)例...2007-06-06
用于CSS代碼壓縮與格式化的javascript函數(shù)代碼
呵呵，發(fā)現(xiàn)只要幾行ＪＳ代碼就可實(shí)現(xiàn)css的壓縮與格式化，非常不錯(cuò)。2009-12-12
cypress e2e測試編寫注意點(diǎn)總結(jié)分析
這篇文章主要為大家介紹了cypress e2e測試編寫注意點(diǎn)總結(jié)分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
javascript 改變網(wǎng)頁加載的CSS主要通過動(dòng)態(tài)響應(yīng)select觸發(fā)的選項(xiàng)變化控制link標(biāo)簽加載的css,以實(shí)現(xiàn)不依賴cookie控制的頁面css樣式動(dòng)態(tài)加載功能,需要的朋友可以參考一下2007-12-12
javaScript實(shí)現(xiàn)復(fù)選框全選反選事件詳解
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)復(fù)選框全選反選事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
解決typescript?提示?Object?is?possibly'null'的N種方案
這篇文章主要介紹了typescript?提示?Object?is?possibly?‘null‘?的N種解決方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
javascirpt實(shí)現(xiàn)2個(gè)iframe之間傳值的方法
這篇文章主要介紹了javascirpt實(shí)現(xiàn)2個(gè)iframe之間傳值的方法,涉及javascript針對iframe框架下的頁面元素操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了js針對圖片加載失敗的處理方法,結(jié)合實(shí)例形式分析了js針對圖片加載失敗時(shí)的事件監(jiān)聽、響應(yīng)等相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法
在three.js中紋理貼圖是用來給物體表面添加圖案、顏色或者其他視覺效果的一種技術(shù),這篇文章主要給大家介紹了關(guān)于Three.js中紋理圖像應(yīng)用和屬性調(diào)整的相關(guān)資料,需要的朋友可以參考下2024-01-01