0

ドロップダウンリストがあります。ボタンクリックで値を変更したい。したがって、最後まですべての値を調べてから、最初に戻る必要があります。

また、ボタンがクリックされるたびに、innerHTML を変更する必要があります。

それが可能かどうかはわかりません。

したがって、これはドロップダウンの HTML です。

<div id="masterChart_length" class="dataTables_length">
<label>Show 
<select size="1" name="masterChart_length" aria-controls="masterChart">
<option value="10" selected="selected">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="-1">All</option>
</select> 
entries</label>
</div>

これは、使用するボタンの html です。

<button type="button" id="change-dropdown" class="btn btn-primary pull-right">10</button>

この投稿を見つけました複数選択コンボボックスJQueryで選択された値をループする

ただし、この Jquery を使用してすべての値を表示します。

jQuery(function($) {
    $('#change-dropdown').click(function() {
        $('#masterChart_length > :selected').each(function() {
            alert($(this).value());   // using text() here, because the 
        });                          // options have no value..?
    });
});

ところで、私は Datatables を使用しています。ボタンをクリックするだけで、エントリ数のドロップダウンの動作を変更したいと考えています。

任意の提案やヘルプをいただければ幸いです!

4

3 に答える 3

0 
$('#change-dropdown').click(function() {
    var option = $("#masterChart_length option:selected");
    $(option).next().attr("selected","selected");
    $(option).removeAttr("selected");
});
于 2013-07-25T09:07:32.677 に答える