将新函数添加到现有jquery脚本

时间:2012-08-20 22:52:03

标签: jquery function multi-select

我正在尝试将以下解决方案应用到jquery multiselect脚本中,该解决方案应该采用multiselect元素的标题并在没有选择项目时显示它,问题是我不知道如何修改脚本添加功能。我基本上必须在我手中解决,但不知道如何把这两件事放在一起。

这是解决方案:

我以为我会和你们分享这个片段。 它使用select元素中的title属性来标题noneselecttext:option

<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')+''  });     });

我已将multiselect类添加到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;

1 个答案:

答案 0 :(得分:0)

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

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