0

だから私はここから multiselect ウィジェットを使用しています: http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/このインスタンスでは正常に動作しています。通常の(1つのオプションのみを選択する)ドロップダウンと厳密に同じドロップダウンスタイリング(一貫性を保つため)を使用すると、ドロップダウンに1が選択されていることが問題になります。選択したオプションを表示するには、これを変更する必要があるため、赤、黄、青から「赤」に変更します。選択したオプション テキストを決定するコードは次のとおりです。

  $.widget("ech.multiselect", {

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

したがって、ドロップダウンにクラス .normal がある場合、選択したオプションを表示するには selectedText が必要です。何か案は?前もって感謝します。

4

2 に答える 2

0

私は同じ問題を抱えており、JavaScript 1.7.2を使用しています

問題は、選択されたテキストが最初のロード時にのみ考慮され、チェックボックスを変更すると、ボタンの選択されたテキストが変更されないことです。最後に、次のように jquery.multiselect.js を変更して問題を解決しました。

_create: 関数 ()

ボタンラベルを次のように編集します。

buttonlabel = (this.buttonlabel = $('')) .html(o.noneSelectedText) .appendTo(button) .attr("id", "buttonlabel_" + this.element.attr('id')),

更新中: 関数 ()

this.buttonlabel.html( value ) を $("#buttonlabel_" + this.element.attr("id")).text(value); に変更します。

お役に立てれば。

乾杯

于 2013-10-30T04:26:44.637 に答える