0

私はJavaScriptの完全な初心者であり、私の質問にご協力いただきありがとうございます。

2つのドロップダウンメニューが必要です。それぞれにURL値があり、選択すると、一緒に追加され、送信ボタンを押した後に選択したURLにリダイレクトされます。

これは、同様の記事の実際の例に似ています：http ://www.jsfiddle.net/Yxw7k/13

最初のドロップダウンの2番目のオプションの値が次のようになっている場合：/a/something1、2番目のドロップダウンの3番目のオプションの値がだった場合、/3/index.html送信を押した後、リダイレクトされますwww.somesite.com/a/something1/3/index.html 。使用せずにこれを達成したいと思っていますjQueryの。これを実現するために通常のJSをどのように使用できますか？

4

2 に答える 2

0

jqueryを使用すると、値をより簡単に選択できます。選択した値を検出し、ユーザーが送信ボタンを押したときにリダイレクトリンクを更新する関数を作成できます。そのため、ボタンの onclick イベントに関数を追加する必要があります。

于 2012-11-02T18:21:08.470 に答える
0

次のようなものをお勧めします。

function makePath(directory, file, domain) {
    if (!directory || !file) {
        return false;
    }
    else {
        directory = directory.nodeType == 1 ? directory.value : document.getElementById(directory).value;
        file = file.nodeType == 1 ? file.value : document.getElementById(file).value;
        return newURL = [domain || 'http://' + location.hostname, directory, file].join('/');
    }
}

document.getElementById('fileName').onblur = function(){
    // using console.log() in the demo
    document.location = makePath('directoryPath', this, 'http://example.com');
}

JS フィドルのデモ。

上記は、次の HTML で使用されます。

<select id="directoryPath">
    <option>directoryA</option>
    <option>directoryB</option>
    <option>directoryC</option>
</select>


<select id="fileName">
    <option>file1.html</option>
    <option>file2.html</option>
    <option>file3.html</option>
</select>
于 2012-11-02T18:15:25.423 に答える