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