如何更改selected.js中警报的语言？

Question

When you type in an unavailable option in the multiple select box in chosen.js, it will generate the output 'No results match " query "'. Is there a way to change the output language?

Answer 1

You're able to change 3 messages. Single selection, Multiple selection and no results text.

$('#ID').chosen({
    no_results_text: "Sem resultados para",
    placeholder_text_single: "Selecione uma opção",
    placeholder_text_multiple: "Selecione as opções"
});

In this case it has been translated to Portuguese.

Answer 2

You can set default message for it -

// jQuery version: https://github.com/harvesthq/chosen/blob/master/example.jquery.html
$(".chzn-select").chosen({no_results_text: "Translated No results matched"});

// Prototype version: https://github.com/harvesthq/chosen/blob/master/example.proto.html
new Chosen($$(".chzn-select")[element_index],{no_results_text: "Translated No results matched"});

Except this, there doesn't seem to be any i18n support.

Answer 3

If you look in the source code of chosen.js you will find these:

 AbstractChosen.default_multiple_text = "Select Some Options"; AbstractChosen.default_single_text = "Select an Option"; AbstractChosen.default_no_result_text = "No results match"; 

AbstractChosen is using the global namespace so think you can simply say:

 AbstractChosen.default_no_result_text = 'My default text'; 

---

And be sure to set the default_no_result_text before initializing any components.

You can later on overwrite this value on specific components: (Assuming you are using jQuery):

config.js

 AbstractChosen.default_no_result_text = 'default no result text:' 

app.js

 $(select).chosen({ no_result_text: 'specific no result text for this component' }); 

The API is changed and the above wont work

Answer 4

If you place that line of code in any place, browser console will say:

No way to override default texts globally. You have to specify them for every chosen() call.