次のソリューションをjquerymultiselectスクリプトに変換しようとしています。ソリューションは、multiselect要素のタイトルを取得し、アイテムが選択されていないときにそれを表示することになっています。問題は、スクリプトを変更して追加する方法がわからないことです。機能。私は基本的に自分の手で解決する必要がありますが、2つのことをどのように組み合わせるかがわかりません。
これが解決策です:
このスニペットを皆さんと共有したいと思いました。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;