нажмите следующую страницу [Выбрать форму]

Question

нажмите следующую страницу [Выбрать форму]

0

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

<div class="pages" style="text-align:center; padding-top:10px; ">Navigation:
    <select style="width:300px;">
        <option value="/files/articles/1.html" selected="selected">1.Introduction</option>
        <option value="/files/images/6.html">2. images</option>
        <option value="/files/video/7.html">3. Video</option>
        <option value="/files/news/8.html">4. News</option>
    </select>
</div>

http://jsfiddle.net/yJM5c/5/

John 21 сен. 2013, в 10:41

Источник

Теги:

html

select

4 ответа

0

   <div class="pages" style="text-align:center; padding-top:10px; ">Navigation:
                    <select style="width:300px;" onchange="nextpage(this)">
                        <option value="/files/articles/1.html" selected="selected">1. Introduction</option>
                        <option value="/files/images/6.html">2. images</option>
                        <option value="/files/video/7.html">3. Video</option>
                        <option value="/files/news/8.html">4. News</option>
                    </select>
                    </div>


    <script type="text/javascript">
    function nextpage(select){
        window.location = select.value;
    }
    </script>

Ankit Agrawal 21 сен. 2013, в 06:15

0

Вы хотите прослушать событие onchange, так что, когда значение в теге select изменится, вы получите это значение, а затем перейдите к этому URL-адресу:

Javascript

function onChangeNavigate(d) {
  window.top.location = d.value;
}

Html

<div class="pages" style="text-align:center; padding-top:10px; ">Navigation:
    <select onchange="onChangeNavigate(this)" style="width:300px;">
          <option value="/files/articles/1.html" selected="selected">1. Introduction</option>
           <option value="/files/images/6.html">2. images</option>
           <option value="/files/video/7.html">3. Video</option>
           <option value="/files/news/8.html">4. News</option>
    </select>
</div>

MDN Onchange

1321941 21 сен. 2013, в 05:49

0

<script type="text/javascript">
    $(document).ready(function() {
        $(".pages select").change(function() {
            window.location = $(".pages select option:selected").val();
        });
    });
</script>

Ankit Agrawal 21 сен. 2013, в 05:46

Ещё вопросы

AndersMad · Accepted Answer · 2013-09-21T05-55-00.000Z

Измените это: <select style="width:300px;"> Для этого <select style="width:300px;" onchange="document.location = this.value"> <select style="width:300px;" onchange="document.location = this.value">

Здорово, спасибо. Мне было легче исправить это решение, чем то, что написали другие люди.