Question

我知道如果我有一个select2并且我想设置其中一个选项，我可以运行此代码。

＆＃xA;＆＃xA;

  $（document）。 ready（function（）{＆＃xA; $（'＃btn'）。change（function（）{＆＃xA; $（'＃select'）。val（4）.trigger（“change”）＆＃xA ;}）;＆＃xA;}）;＆＃xA;

＆＃xA;＆＃xA;

让我们说我想得到选项的文字

＆ #xA;＆＃xA;

 ＆lt; option value = 4＆gt; California＆lt; / option＆gt;＆＃xA;

＆＃xA;＆＃xA;

但是如果我想根据文本设置它而不是值，我该怎么做？

＆＃xA;＆＃xA;

我尝试了

＆＃xA;＆＃xA;

  $（“＃select”）。select2（data.text（ ），“加利福尼亚”）;＆＃xA;

＆＃xA;＆＃xA;

但它没有用。

＆＃xA;＆＃xA;

如何在jquery或javascript中以编程方式执行此操作。

＆＃xA;＆＃xA;

感谢任何帮助

＆＃xA;

Answer 1

除了Shakeel Ahmed的答案之外，你应该致电.trigger('change')，所以完全是这样的：

$("#select").select2("val", $("#select option:contains('Text')").val()).trigger('change');

Answer 2

此外，对于多选，请使用此选项，以便不丢失已选择的值

var selected=$("#foo option:selected").map(function(){ return this.value }).get();
selected.push( $("#foo option:contains('text')").val() );
$("#foo").val(selected).trigger('change');

Answer 3

例如：如果您需要在其他国家中查找澳大利亚

let long_name = 'Australia';
let $element = $('.country-js')
let val = $element.find("option:contains('"+long_name+"')").val()
$element.val(val).trigger('change.select2');

其他答案对我不起作用，可能是因为我使用了较新版本的select2

Answer 4

您可以使用以下代码

$("#select").select2("val", $("#select option:contains('Text')").val() );

如果将使用文字

选择选项

使用text而不是value设置select2选项

4 个答案: