Comment faire pour modifier l'espace réservé de selectize.js liste déroulante?

Je veux changer de l'espace réservé d'un menu créé par selectize.js lorsque le parent de la liste déroulante change sa sélection pour charger les options de la liste déroulante dont l'espace réservé pour être changé. Il n'existe pas de méthode pour ce faire, dans la documentation.

La question n'est pas claire. Qu'avez-vous essayé? Tout d'extraits de code? Comment êtes-vous mise à jour des options?

OriginalL'auteur freezer | 2013-10-02

Ne sais pas si selectize ne cesse de changer leur code ou si tout le monde sur ce fil juste whiffed mais toutes ces réponses semblent être mauvais individuellement, mais si vous combinez les pièces correctes de chaque réponse, vous vous retrouvez avec ce qui fonctionne pour moi.

        var textHandler = function(name) {
        return function() {
            if(name == 'focus'){                    
                jQuery("select#myid + .selectize-control").find("input:text").prop({"placeholder": ""});
            }
        };
    };
    jQuery('#sf159_textsearchtextsearch').selectize({
        closeAfterSelect: true,
        hideSelected    : true,
        createOnBlur    : true,
        openOnFocus     : true,
        maxOptions      : 10,
        persist         : true,
        placeholder     : "Neighborhood, Street, School, Zip, MLS",
        plugins         : ['remove_button'],
        valueField      : 'id',
        labelField      : 'text',
        searchField     : 'value',
        options         : [],
        create          : false,
        render          : {
            option: function (item, escape) {
                //console.log(item);
                var address = '';
                var keyword = '';
                var tx = item.text.split(',');
                for (var i = 0, n = tx.length; i < n; i++) {                        
                    address += '<span class="span4">' + escape(tx[i]) + '</span>';                      
                }
                var template = '<div>' +
                        '<div class="row-fluid"> ' + address + ' </div>' +
                        '</div>';
                return template;
            }
        },
        load            : searchHandler,
        onKeydown       : keyHandler,
        onDelete        : deleteHandler,
        onFocus         : textHandler('focus'),
    });

OriginalL'auteur oasisfleeting

13

Vous pouvez spécifier un placeholder clé dans le cadre de l'objet d'options lors de l'initialisation. Je ne pouvais pas trouver l'option dans la documentation et seulement trouvé en fouillant dans le code.
```
//init selectize
$(function() {
  $('select').selectize({
    placeholder: 'Click here to select ...',
  });
});
```
OriginalL'auteur johnz0r
8

Vous avez besoin de deux choses:
- ajouter vide <option></option> en tant que première option dans la balise select.
- ajouter placeholder clé selectize appel
Le vide <option></option> est nécessaire, il me semble. Merci pour le tuyau.

OriginalL'auteur MikDiet

Vous pouvez spécifier l'espace réservé pour select éléments par l'ajout d'un vide option élément intérieur de la balise select. Voici un exemple:

<select name="color" required>
    <option value=""> Select a color </option>
    <option value="1"> Lavender </option>
    <option value="2"> Eggplant </option>
    <option value="3"> Cool grey </option>
    <option value="4"> Bitter lemon </option>
</select>

Il doit être fait de façon dynamique lorsque sa mère est changé.

OriginalL'auteur Meti

1

Assurez-vous d'utiliser un select balise pour selectize.

J'ai eu le même problème, causé par l'utilisation d'une entrée à la place. selectize travaillé trop, mais le placeholder attribut n'était pas affichée.
Quand j'ai changé pour un select il a commencé à travailler
```
<select type="text" placeholder="Type words of the article..."></select>
```
OriginalL'auteur erandros

$('select#my-dropdown + .selectize-control').find('.selectize-control-input').prop({'placeholder': 'Placeholder Text'});

OriginalL'auteur Robin Maben

0

selectize.js permettra de créer un input ci-dessous la select. Cette input aura la classe .selectize-control.

Vous pouvez remplacer le placeholder de cette input champ avec jQuery.

Vous pouvez faire quelque chose comme:
```
$(".selectize-control").attr('placeholder','Hello World!');
```
Si vous voulez un exemple de travail, les Malades ont besoin de plus d'informations à propos de votre code.

OriginalL'auteur Cas Bloem
0

J'ai eu un problème similaire, - ce qui était frustrant, c'est que je ferais quelque chose comme ceci:
```
$("selectize-input input[placeholder]").attr('placeholder','Hello World!');
```
Puis seulement après le changement de focus, il rendrait mon nouveau texte de l'espace réservé. Il s'avère que, pour quelque raison que ce soit (probablement une bonne) selectize applique une largeur de cette entrée.

Solution finale:
```
$(".selectize-input input[placeholder]").attr('placeholder','Hello World!');
$(".selectize-input input[placeholder]").attr("style", "width: 100%;");
```
OriginalL'auteur Nathan Bertram

C'est ce qui a fonctionné pour moi (selectize version "selectize": "^0.12.4" et à l'aide de caractères d'imprimerie):

this.selectize = $(this.select).selectize({
  options: this.options,
  placeholder: 'My Placeholder'
})[0].selectize;

this.selectize.settings.placeholder = 'Another Placeholder';
this.selectize.updatePlaceholder();

OriginalL'auteur kaktusgruen

Vous devez vous connecter pour publier un commentaire.