0

問題が発生しました。いくつかの異なるオプションを持つ選択タグがあります。

ここで、これらのオプションのどれがユーザーによって選択されているかを確認したいと思います。

次に、このサイトに新しい html ファイルをロードしたい (ユーザーがチェックしたオプションによって異なります) 幅 javascript、どうすればよいですか?

セレクトメニューはこちら

<select>
   <option>option1</option>
   <option>option2</option>
   <option>option3</option>
   <option>option4</option>
   <option>option5</option>
   <option>option6</option>
</select>
4

2 に答える 2

1

次の html コードを検討してください。

<select onchange="changeIt();" id="formula">
        <option>option1</option>
        <option>option2</option>
        <option>option3</option>
        <option>option4</option>
        <option>option5</option>
        <option>option6</option>

    </select>

次に、次の JavaScript コードが新しいローカル HTML ページをロードします。

function changeIt()
{
    var fName = document.getElementById("formula");
    var fText = fName.options[fName.selectedIndex].text;
    if(fText=="option1")
    {
        window.location.href = "abc.html";
    }
    else if(fText == "option2")
    {
        window.location.href = "xyz.html";      
    }
}

abc.html と xyz.html はどちらもローカルの html ファイルです。

于 2013-06-07T11:44:08.760 に答える