0

我正在使用 jquery ui 从这个示例中创建我的选择选项菜单

jQuery 选择菜单示例

在用户选择选项 1、选项 2 或选项 3 并且值完成输出/即一旦事件 ss 完成后，它应该改回“选择一个.. ”。

<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 回答