Question

我需要通过下拉选择标记让我对此网站的导航工作。我意识到这将涉及一点jQuery。这就是我的HTML到目前为止的样子：

<div id="top_nav">
<select>
 <option value="">1</option>
 <option value="">2</option>
 <option value="">3</option>
 <option value="">4</option>
 <option value="">5</option>
 <option value="">Contact</option>
 </select>

因此，当用户选择2时，它会将他们带到网站的第2页。对此的任何帮助都非常感激。

由于安吉拉

Answer 1

<select id="selectId " onChange="redirect()">
 <option value="">1</option>
 <option value="">2</option>
 <option value="">3</option>
 <option value="">4</option>
 <option value="">5</option>
 <option value="">Contact</option>
 </select>


    function redirect()
    {
     window.location.href=$('#selectId :selected').text()"+.html";
    }

如果是基于值，则使用

    window.location.href=$('#selectId').val()"+.html";

Answer 2

好吧，不止一种方式。您可以使用.html()或.val() html为<option>here</option>。和val是<option value="here"></option>

$('select','#top_nav').change(function(){
    document.location=$('select','#top_nav').html()+'.html';
});

Answer 3

如果您在页面上使用jQuery，可以这样做：

<div id="top_nav">
    <select>
        <option value="page1.html">1</option>
        <option value="page2.html">2</option>
        <option value="page3.html">3</option>
        <option value="page4.html">4</option>
        <option value="page5.html">5</option>
        <option value="contact.html">Contact</option>
    </select>
</div>

$('#top_nav select').change(function(){
    window.location = $(this).val();
});

使用select标签作为其他页面的导航？

3 个答案: