2

Is it possible to create a dropdown that redirects the user when he selects an option without javascript?

When the user selects a category in dropdown A, I display dropdown B (which has subcategories) with Javascript. I want to make it work similarly for users without Javascript. My idea is to redirect users to different pages when they choose an option in the first dropdown.

Is this possible without javascript? How can it be done? (if not if possible suggest something)

4

2 に答える 2

2

確かにエレガントではありませんが、私はこの解決策にたどり着きました。

<form action="/" method="GET">
    <select name="path">
        <option value="home">Home</option>
        <option value="services">Our services</option>
        <option value="portfolio">Portfolio</option>
    </select>

    <input id="fallback-go" type="submit" value="Go" />
</form>

`` Our Services'' を選択してからクリックするGoと、それらが送信されます。/?path=services

残念ながら、選択した変更で自動的にそれを行う方法を理解することはできません。そうする場合は返信を投稿します。

JavaScript をサポートしているユーザーからボタンを非表示にするためにGo、これを実装できます。

<head>
    <style>
        #fallback-go { display: none; }
        .no-script #fallback-go { display: block; }
    </style>
</head>

<body class="no-script">
    <script>document.body.classname = '';</script>

    [ other HTML ]
</body>

二重層のドロップダウン メニューについては、これは、純粋な CSS ソリューションを使用して可能です。純粋な CSS ソリューションの問題は、疑似要素のサポートがないため、IE7 ではうまく動作しないことです。

全面的なサポートが必要な場合は、JavaScript ソリューションを実装して IE7 を標準に維持し、純粋な CSS ソリューションを実装して noscript を満足させることをお勧めします。

noscript ユーザーとして、あなたの努力に感謝します。

于 2013-07-29T17:48:04.113 に答える
0

いいえ。最も最小限のソリューションは、HTML でインライン JS を使用することです。

注: どの種類のブラウザをサポートしたいですか? IE7 でさえ、必要な JS サポートを備えています。

于 2012-06-10T08:09:02.140 に答える