DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js自動查找select下拉的菜單並選擇
js自動查找select下拉的菜單並選擇
編輯:JavaScript綜合知識     

 這篇文章主要介紹了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>  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved