0

我正在尝试将以下解决方案用于 jquery 多选脚本，该解决方案应该采用多选元素的标题并在未选择任何项目时显示它，问题是我不知道如何修改脚本以添加功能。我基本上必须自己解决，但不知道如何将这两件事放在一起。

这是解决方案：

我想我会和你们分享这个片段。它使用 select 元素中的 title 属性为 noneselecttext: 选项命名

<select id="id" multiple="" name="name" title="your title"  class="multiselect">    <option value="val">text</option> </select>

//Jquery Code
$('.multiselect, this).each(function(key, val){  $(this).multiselect({     noneSelectedText:''+$(this).attr('title')+''  });     });

我已将多选类添加到 html 表单字段中，我只是不确定如何将 jquery 部分添加到下面的脚本中。

这是脚本：

(function($, undefined){

  var multiselectID = 0;



  $.widget("ech.multiselect", {

      // default options
      options: {
          header: true,
          height: 175,
          minWidth: 150,
          classes: '',
          checkAllText: 'Check all',
          uncheckAllText: 'Uncheck all',
          noneSelectedText: 'Select options',
          selectedText: '# selected',
          selectedList: 0,
          show: '',
          hide: '',
          autoOpen: false,
          multiple: true,
          position: {}
      },

      _create: function(){
          var el = this.element.hide(),
              o = this.options;
4

1 回答 1

0

工作完成！，在 index.php 中我添加了以下内容

<script type="text/javascript">
$(function(){
  $('.multiselect', this).each(function(key, val){ 
    $(this).multiselect({ 
      selectedList: 8,    
      noneSelectedText:''+$(this).attr('title')+''  });     
  });
});

于 2012-08-21T00:03:44.460 回答