2013-11-07 3 views
3

Я пытаюсь связать другие страницы html с помощью раскрывающегося списка, и я пробовал разные коды, но не могу заставить его работать. Я использую этот код:Ссылка на другие страницы в HTML через раскрывающееся меню

<form name="dropdown"> 
<select name="list" accesskey="target"> 
<option selected>Choose a theme</option> 
<option value="index.html">Theme 1</option> 
<option value="theme2.html">Theme 2</option> 
<option value="theme3.html">Theme 3</option> 
<select> 
<input type=button value="Go" onclick="goToNewPage(document.dropdown.list)"> 

Я разные HTML страницы выложенный по-разному чередоваться между раскладками, как я могу получить эту работу?

ответ

9

Вы можете попробовать это

<select name="list" id="list" accesskey="target"> 
    <option value='none' selected>Choose a theme</option> 
    <option value="index.html">Theme 1</option> 
    <option value="theme2.html">Theme 2</option> 
    <option value="theme3.html">Theme 3</option> 
<select> 
<input type=button value="Go" onclick="goToNewPage()" /> 

JS: (Поместите этот код в ваш <head>...</head> secion)

<script type="text/javascript"> 
    function goToNewPage() 
    { 
     var url = document.getElementById('list').value; 
     if(url != 'none') { 
      window.location = url; 
     } 
    } 
</script> 
Смежные вопросы