0

プログラムで変更しようとしているJavascriptのドロップダウンメニューがありますが、連携していません。まず、ボックス内のテキストは最初のオプションのままです。クリックしてドロップダウンを表示すると、設定したインデックスが強調表示されます。ただし、そのオプションを選択することはできませんが、メニューで他のオプションを選択することはできます。これは私が $(document).ready で使用しているコードです:

document.getElementById("filteredSubDropdown").selectedIndex = localStorage["currentMonth"];

編集: ドロップダウンが作成されるいくつかの HTML

<div data-role="content" id="box">
    <ul data-role="listview" data-inset="true" id="merchAccountDetails" data-theme="b" data-content-theme="b">
        <div data-role="content">
            <div id="firstDrop">
                <center><font size="4" color="Green" face="times new roman">Filter Data by:</font></center>
                <select id="filterByDropdown">
                </select>
            </div>
            <center><font size="4" color="Green">Filter Data by month:</font></center>
            <select id="filteredSubDropdown">
            </select>
            </center>
            <center><font size="4" color="Green">Filter Data by Account:</font><br>
            </center>
            <center>
            <select id="accountDropdown">
            </select>
            </center>
        </div>
        <div id="chicken">
            <center><img src="spin.gif" alt="loading.."/>Loading Data...</center>
        </div>
        <p id="finInfo">
        </p>
        <br/>
    </ul>
</div>
4

2 に答える 2

2

提案:

  1. 番号を指定して、それが機能しているかどうかを確認しようとしましたか?
  2. の値はlocalStorage["currentMonth"]?

このようにコードを変更してみてください:

document.getElementById("filteredSubDropdown")
                           .selectedIndex = localStorage.getItem("currentMonth");
于 2012-12-28T15:23:38.710 に答える
0

Praveen Kumarの答えに同意します。そうでなければ、jquery を使用できる場合は、

$("#filteredSubDropdown").attr('selectedIndex', localStorage.getItem("currentMonth"));

セレクターが null を返さないように、エレメントのロード後に JavaScript を実行していることを確認してください。

また、ターゲットとする ID が大文字と小文字を区別して正しく入力されていることを確認してください。

さらに、ターゲットにしている select 要素に、選択しようとしているオプションが実際にあることを確認してください。

前回の編集に基づいて、選択要素にないオプションをターゲットにしようとしているようです。代わりに、このオプションをドロップダウン ボックスに追加しようとしていますか?

于 2012-12-28T15:58:27.873 に答える