javascript - selectize.jsドロップダウンのプレースホルダーを変更するには?

Question

親ドロップダウンがその選択を変更して、プレースホルダーを変更するドロップダウンのオプションをロードするときに、selectize.js によって作成されたドロップダウンのプレースホルダーを変更したいと考えています。ドキュメントにはこれを行う方法はありません。

score 18 · Accepted Answer

placeholder初期化時に options オブジェクトの一部としてキーを指定できます。ドキュメントでオプションを見つけることができず、コードを掘り下げているだけでした。

//init selectize
$(function() {
  $('select').selectize({
    placeholder: 'Click here to select ...',
  });
});

score 13 · Accepted Answer

次の 2 つが必要です。

score 2 · Accepted Answer

selectのタグを必ず使用してくださいselectize。
代わりに入力を使用したために、同じ問題が発生していました。selectizeも機能しましたが、placeholder属性は表示されていませんでした。に変更したselectところ、動作し始めました

<select type="text" placeholder="Type words of the article..."></select>

score 0 · Accepted Answer

selectize.jsはの下にを作成しinputますselect。これinputには class があり.selectize-controlます。

placeholderこのinputフィールドのを jQueryに置き換えることができます。

次のようなことができます：

$(".selectize-control").attr('placeholder','Hello World!');

実際の例が必要な場合は、コードに関する詳細情報が必要です。

score 0 · Accepted Answer

同様の問題がありました-イライラしたのは、次のようなことをすることです：

$("selectize-input input[placeholder]").attr('placeholder','Hello World!');

次に、フォーカスを変更した後でのみ、新しいプレースホルダーテキストがレンダリングされます。なんらかの理由で (おそらく良い理由で) selectize がこの入力に幅を適用することがわかりました。

最終的解決：

$(".selectize-input input[placeholder]").attr('placeholder','Hello World!');
$(".selectize-input input[placeholder]").attr("style", "width: 100%;");

10 に答える 10