次の jQuery UI MultiSelect Widget http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/#selectedlistを使用して、Web サイトの選択ボックスにスタイルを設定/追加機能を追加しています。
ページがすべての選択ボックスをロードすると、jquery.multiselect.js で定義されたデフォルト値の「選択オプション」でロードされます。
問題は、すべてのボックスが同じことを言っているため、各ボックスが何であるかがわからないことです。
選択されていないメッセージの状態を選択要素のタイトルに変更できるかどうかは誰にもわかりませんか? たとえば、select title="First Name" の場合、選択ボックスは単に「オプションの選択」と呼ぶのではなく、選択ボックスにそのタイトルを使用します。
私はインターネット全体を見てきましたが、このようにタイトルを使用することについての言及を見つけることができないようです.
*/
(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: {}
},
問題の Jsfiddle を追加しました: http://jsfiddle.net/FYEeu/
上部に '3 Selected' と表示されている場合は、選択ボックスのタイトルを表示したいので、上部に '3 selected' と表示する代わりに、その特定のタイトル タグである 'Title' と表示します。エレメント。
スクリプトのその他の属性はこちら >> http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/