0

この Web サイトのナビゲーションをドロップダウン選択タグから機能させる必要があります。これには 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 ページ目に移動します。これについての助けは大歓迎です。

ありがとうアンジェラ

4

3 に答える 3

1

ページで 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();
});
于 2013-05-09T13:20:07.637 に答える
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";
于 2013-05-09T13:12:19.497 に答える
0

well theres more than one way. you can use .html() or .val() html being <option>here</option>. and val being <option value="here"></option>

$('select','#top_nav').change(function(){
    document.location=$('select','#top_nav').html()+'.html';
});
于 2013-05-09T13:14:58.167 に答える