标签: select-menu

我使用jquery ui选择菜单和自定义渲染选项

我怎么能处理这个change事件？

我试试

   $('#filesA').on('change', function() {
  alert( 'x'); 
});

但它不适用于jQuery UI Selectmenu

我也试试

$( "#filesA" ).selectmenu({
  change: function( event, ui ) {}
});

它正在工作,但它创建了另一个选择菜单实例!

我的js代码

$( document ).ready(function() {

  $( "#filesA" ).selectmenu({ change: function( event, ui ) { alert('x'); }});



$.widget( "custom.iconselectmenu", $.ui.selectmenu, {
                            _renderItem: function( ul, item ) {
                                var li = $( "<li>", { text: item.label } );

                                if ( item.disabled ) {
                                    li.addClass( "ui-state-disabled" );
                                }

                                $( "<span>", {
                                    style: item.element.attr( "data-style" ), …

我从zend框架站点获取表单并将其放在jquery mobile编写的函数中的新文件中,但是我收到此错误:

未捕获的异常:在初始化之前无法调用selectmenu上的方法; 试图调用方法'刷新'.

此文件的功能代码:

     function addItem(id) {
        $.ajax({
            url:'http://zf.darina.php.nixsolutions.com/order/index/create-order-mobile',
            dataType:"jsonp",
            data:{id_good:id},
            success:function (resp) {

                console.log(resp);
                $('.product-table').empty();

                $('.product-table').append(resp.prod);
                $('.product-table').append(resp.form);
                $('.add-order-btn').button();

                $('.mob-size').selectmenu('refresh', true);

                $('#block').page();
            }
        })
    }

我正在使用jQuery UI Selectmenu并且无法设置所选渲染的值.它似乎更改了基础选择中的选定选项,但selectmenu不显示更改.我打电话.selectmenu('刷新',真实)但没有任何反应.

这是一个例子:http://jsfiddle.net/sociobit/wYBeL/

我使用jquery selectmenu插件.我已初始化选择

$('select').selectmenu({width:100, maxHeight:300, style: 'dropdown'});

我有很多选项,这导致出现默认浏览器滚动条,但我无法使用它.如果我单击并尝试拖动此栏,则选择菜单关闭.我可以用鼠标滚轮滚动.css和各种插件可能存在一些冲突.但我不知道从哪里开始寻找.

任何想法,可能导致这个问题？

我想知道如何获取从下拉菜单中选择的TEXT的值,只记得我的下拉菜单中有固定数据,并且没有填充"ko.observableArray()".有任何想法吗？

当我选择想要的选项时:值和文本选择.

<p>
    Select a car:
    <select data-bind="value: selectedValue, optionsText:???">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
</p>

<span data-bind="text: selectedValue"></span>
<br/>
<span data-bind="text: selectedText"></span>

我的ko ViewModel:

var viewModel = {
      selectedValue : ko.observable(),
      selectedText :  ko.observable()
};

ko.applyBindings(viewModel);

看到这个小提琴:JSFiddle

我正在使用JQuery UI Selectmenu小部件 - http://wiki.jqueryui.com/w/page/12138056/Selectmenu

我试图绑定更改事件.但它不起作用:

$(function() {
  $('select#items').selectmenu();
  $('select#items').bind("change",function(){
     alert('x');
   });  
});

有任何想法吗 ？

我在这样的选择标签上使用jQuery的selectMenu.

$('#ddlReport').selectmenu()

在某些情况下我想隐藏它,我无法弄清楚如何.

这不起作用:

$('#ddlReport').selectmenu().hide();

这也不是

$('#ddlReport').hide();

任何人？

在今天早些时候(2012年7月13日)升级到jQuery Mobile 1.1.1之后,我注意到我的所有自定义选择菜单都不再在页面加载时显示占位符文本.我在1.1.1中需要做些什么来在自定义选择菜单中显示占位符文本吗？救命!？!？

这是我的代码示例:

<div data-role="fieldcontain" class="ui-hide-label no-field-separator">
      <label for="ceiling" class="select" data-theme="a">Ceiling</label>
       <select name="ceiling" id="ceiling" data-theme="a" data-native-menu="false" class="required">
            <option data-placeholder="true">Ceiling (Yes/No)</option>
            <option value="Yes">Ceiling: Yes</option>
            <option value="No">Ceiling: No</option>
      </select>
</div>

示例图像(黑条是我的自定义选择菜单):

我想限制下拉列表中的项目数量,让我们说6.完成搜索之后我找不到除提示之外的任何其他东西有maxHeight选项,但似乎没有效果.

HTML:

<label for="files">Select a file:</label>
<select name="files" id="files">
</select>

使用Javascript:

// configure
$( "#files" ).selectmenu({
              icons: { button: "ui-icon-search" } ,
              style: 'dropdown',
              maxHeight: 60
           });
// Test data
for( i = 0; i < 100; i++ )
{
   $('#files').append($('<option/>', { 
        value: "a" + i,
        text : "b" + i
    }));
}

TTFN,Jon

[编辑]为了澄清,我想保留下拉列表中的所有项目,只显示用户滚动的子集,就像普通桌面应用程序中的组合框一样.

我有一个选择菜单，我需要根据选项元素的文本值动态选择选项。例如，我的选择如下所示：

<select id="names">
    <option value="">Please Select</option>
    <option value="1">John</option>
    <option value="2">Steve</option>
    <option value="3">Max</option>
</select>

如果我有字符串“Max”，如何才能获得该选项的索引为 4，以便我可以使用 JavaScript 动态地将其设置为 selectedIndex？

没有 jQuery。