1

追加のドロップダウン機能に Bootstrap-select を使用しています。 http://silviomoreto.github.io/bootstrap-select/

レンダリングされたhtmlから選択したアイテムを取得していないようです。

<select id="test-period" class="selectpicker show-tick pull-right">
<option value="yesterday">Yesterday</option>
<option value="lastupdate">Last update</option>
<option value="today">Today</option>
<option value="weektodate" active>Week to date</option>
<option value="periodtodate">Period to date</option>
<option value="seasontodate">Season to date</option>
<option value="yeartodate">Year to date</option>
</select>

現在の週のオプションでアクティブな属性を設定しています。ただし、ページがレンダリングされると、昨日の最初のアイテムが選択されたアイテムとして表示されます。

Bootstrap select ドキュメントには、次の JavaScript メソッドを使用して、選択した要素を指定できると記載されています。

$('.selectpicker').selectpicker('val', 'weektodate');

ただし、既存のコードとの互換性を維持するために、可能であれば html を使用してアクティブな要素を指定したいと思います。私は何か間違ったことをしていますか、それとも Bootstrap-select はアクティブな属性を無視しますか?

4

1 に答える 1

6

オプションactiveが存在しません。

selected「選択したもの」として使用するには、代わりに使用する必要があります

<select id="test-period" class="selectpicker show-tick pull-right">
<option value="yesterday">Yesterday</option>
<option value="lastupdate">Last update</option>
<option value="today">Today</option>

<option value="weektodate" selected>Week to date</option> // or selected="selected"

<option value="periodtodate">Period to date</option>
<option value="seasontodate">Season to date</option>
<option value="yeartodate">Year to date</option>
</select>

<option>属性のリストはこちら

于 2013-07-03T12:29:30.700 に答える