Question

我想在页面加载时自动选择下拉的第一个元素（使用jQuery multiselect插件）要使用哪个属性？

$('#cmbTicketStatus').multiselect({

  firstchild: 'selected', /* I Guess this is wrong */
  //  noneSelectedText: 'Select Ticket Status',
    selectedList: 1,
    selectedText: '# of # Status Selected'
}).multiselectfilter();

Answer 1

我会这样做：

$('#cmbTicketStatus select option:first-child').prop("selected", true);

Answer 2

这实际上需要追求多选功能..你正在抓住插件，然后就像其他有用的人已经注释掉了，需要使用原生点击。

          var o1= $('#cmbTicketStatus').multiselect("widget");
           o1.find(":checkbox").first().click();

希望有帮助/

Answer 3

Sagar和对不起，我没有收到你回复的通知......

第一个元素是一个复选框，因为它被插件重新编写， 1.）在由它创建的下拉列表中找到一组复选框：

            $("select").multiselect("widget").find(":checkbox").each(function(elem, index)
            {

回答A：使用是：首先，我们知道它是-s $（这个），但也是循环的元素所以

                         if(   $(elem).is(":first")  )  this.click();

或

                         if(   $(this).is(":first")  )  this.click();

答案：我们正在循环插件构建的元素，当我们通过循环时，交换机的更好的地方是什么？ index是数组的第一个元素，显然我们在从UI收集元素的第一次交互中有它。

                              switch( index) 
                              {   

                                      case 0: this.click(); break;

                                      default: break;

                               }
              });

Answer 4

这可能不是设计使然，但是如果您在选择元素本身中省略了“ multiple = multiple”，则默认情况下将选择第一个选项。

所以不是

<select multiple='multiple' id=myselect>

简单地做

<select id=myselect>

Answer 5

看起来多选插件不支持选择选择，您必须手动触发点击事件才能选择：

手动选中或取消选中复选框？

调用“widget”方法后可以访问复选框。只需手动触发它们上的NATIVE点击事件：

// manually check (or uncheck) the third checkbox in the menu:
$("select").multiselect("widget").find(":checkbox").each(function(){
   this.click();
});

由于jQuery核心中的这个错误，必须使用本机点击事件（触发器（'click'）不起作用）。

所有必要的事件和操作（如更新按钮值）都将自动触发。

或者，您可以为原始选项标记所选属性，然后调用MultiSelect的刷新方法。

来自：http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ 希望这与您正在使用的多选小部件相同。

jQuery Multiselect选择第一个元素

5 个答案: