javascript - 在选择下拉列表中自动设置默认文本

Question

我有一个非常简单的选择下拉列表，其中包含将用户引导至各个页面的网址

   <select>
         <option value="url1">title1 </option>
         <option value="url2">title2 </option>
         <option value="url3">title3 </option>
         .........
   </select>

我将在所有这些(url1、url2、url3...)中提供此下拉菜单以用于导航。是否可以根据我的网址在选择框中设置默认文本？假设我当前位于 url2，则选择框中的默认文本将为 title2。我知道你可以手动使用

        <option selected="selected" value="url2">title2</option>

但是有没有办法可以使用 javascript 来做，因为我有数百个页面？所有网址和标题都存储在我可以检索的数组中。

感谢您的帮助!

Answer 1

假设您想要将窗口位置中的 URL(例如 http://www.example.com/some/page.html )与下拉列表中找到的页面的 URL 进行匹配:

var dropdown = document.getElementById( 'dropdown' );
for ( var i = 0; i < dropdown.childElementCount; ++i ) {
    if ( dropdown.children[i].value === document.location.href) {
        dropdown.selectedIndex = i;
        break;
    }
}

哪里'dropdown'包含您的 ID <select>元素。 Jsfiddle:http://jsfiddle.net/RhZy6/