3

各行に (はい/いいえ) ドロップダウン メニューがあるテーブルがあり、ボタンを使用して、jQuery を使用してドロップダウンの値を [はい] に変更したいと考えています。これは私がしようとしていたものです: HTML:

<select name="activeFlag">
    <option value="true">Yes</option>
    <option value="false">No</option>
</select> 
<br />
<input type="button" value="Activate All" id="activateAllButton">

jQuery: 

$(document).ready(
        function()
        {
            jQuery('#activateAllButton').button();
            $('#activateAllButton').click(
            function() 
            {
                $('select>option:eq(0)').attr('selected', true);
            });
        });

どんな助けでも大歓迎です。

4

4 に答える 4

3

クリック ハンドラーを作成するだけです。

$('#activateAllButton').click(function() {
    $('select').val('true');
});

jsFiddle の例

于 2013-04-04T19:58:25.247 に答える
3

ではなく.attr()、 を使用します.prop()。

$(document).ready(
        function()
        {
            jQuery('#activateAllButton').button();
            $('#activateAllButton').click(
            function() 
            {
                $('select>option:eq(0)').prop('selected', true);
            });
        });

デモ: http://jsfiddle.net/dirtyd77/UKKKR/1/

于 2013-04-04T19:58:36.003 に答える
1

他の2つの答えはどちらも正しいですが、キャッシュを使用するより効率的なバージョンを示したかっただけです:

$(document).ready(function ()
{
    var $buttons = $('#activateAllButton'),
        $select = $('select');

    $buttons.button().on('click', function () 
    {
        $select.val('true');
    });
});

動作中の jsFiddle デモを見る

于 2013-04-04T20:07:22.997 に答える