выпадающего меню OnClick вернуться к началу страницы

я имею этого простой HTML кодвыпадающего меню OnClick вернуться к началу страницы

<html> 
<body> 
<select name="country" id="country"> 
<option value="1">Falkland Islands (Malvinas)</option> 
<option value="2">canada</option> 
<option value="3">Finland</option> 
<option value="4">France</option> 
<option value="5">United Kingdom</option> 
<option selected="selected" value="12">United States</option> 
</select> 
</body> 
</html>

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

источник

2013-04-08 Michael

В head вашего файла, поместите этот небольшой фрагмент кода:

<script type="text/javascript"> 
    window.onload = function(){ 
     document.getElementById("country").onchange = function(){ 
      window.scrollTo(0, 0); 
     }; 
    }; 
</script>

Там нет необходимости загрузить jQuery для простого действия, такого как это; бессмысленно включать такой большой файл для чего-то, с чем легко справляется ванильный JavaScript.

источник

2013-04-08 22:07:34 faino

Это должно заботиться о нем для вас ... Добавьте это в <head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("select#country").change(function() { 
      $("html, body").animate({ scrollTop: 0 }, "slow"); 
      return false; 
     }); 
    }); 
</script>

источник

2013-04-08 21:44:59 Seth

спасибо за ваш ответ, но я не уверен, где именно поставить этот код, извините, я просто новичок в этом. – Michael

выпадающего меню OnClick вернуться к началу страницы

ответ

Смежные вопросы