0

この例から選択オプションメニューを作成するためにjqueryuiを使用しています

Jqueryselectmenuの例

ユーザーがオプション1、オプション2、またはオプション3のいずれかを選択し、値の出力が完了した後、選択オプションをデフォルト値に戻す方法はありますか。つまり、イベントssが完了すると、「1つ選択してください。」に戻る必要があります。 "。

<script type="text/javascript"> 
        $(function(){       

            // please note that option.event is always passed as a string, so do not test for true or 1 with if (options.value)
            // see this issue for more information http://github.com/fnagel/jquery-ui/issues#issue/12
            var speedD_first = $('select#speedD_first').selectmenu();       
           // alert(speedD_first[0]);


           // var selVal=$('select#speedD_first').selectmenu("value");
            //alert(selVal);
            $('select').selectmenu({
                change: function(e, object){
                    alert(object.value);
                }
            });

            //$('select').show();
        });     
        $(document).ready(function() {
            $("select#speedD_first").change(function() {
              var selVal=$("select#speedD_first").val();
            //  alert(selVal);
            });

        });
    </script>

<fieldset>
            <label for="speedD_first">Disabled and selected first option by HTML</label>
            <select id="speedD_first">
                <option disabled="disabled" selected="selected">Choose one...</option>
                <option value="option1">Option 1</option>
                <option value="option2">Option 2</option>
                <option value="option3">Option 3</option>
            <select>
        </fieldset>
4

2 に答える 2

1

元の選択の値を変更してrefreshから、ウィジェットのメソッドを使用できます

デモ ページのコンソールでこれを実行します。

$('#number').val(3).selectmenu('refresh');

したがって、デフォルトのオプションの値を設定するか、値がない場合は空の文字列を設定します

于 2013-02-13T14:24:01.530 に答える
0

jQuery UIのドキュメントではメソッドについて説明refreshしていますが、私のテストでは機能していないようです。これはおそらくselectmenu、まだ計画段階にある非最終的な jQuery UI コンポーネントであることが原因です。代わりに、もう一度呼び出す.selectmenu()とうまくいくようで、開発版のドキュメントで状態を変更する方法として言及されています。

注:プラグインの最新の開発バージョン ( JS / CSS ) を使用しています。

$('select').selectmenu({
    change: function (e) {

        // Do something
        alert('Just to pause');

        // Rever to original value and reset
        $(this).val(0);
        $(this).selectmenu();
    }
});

jsfiddle

于 2013-02-13T15:12:01.050 に答える