Highcharts 从 csv 文件中选择菜单并以编程方式选择选项

Question

我用 Highcharts 构建了一个折线图：see fiddle

可以通过下拉菜单选择可见系列。此下拉菜单基于 csv 文件。现在我想按名称选择列表的特定条目，例如“大不列颠”。不应该按值来选择，因为值会不时改变。

这是我从 csv 文件中获取下拉列表的代码：

function insertCountryInList(country) {
    var list = $('select#countries');
    var newOption = 
        $('<option></option>')
        .attr('value', country.value)
        .text(country.name);

    list.append(newOption);

  }

  var CSV_URL = 'https://johanneschrist.de/grafiken/dropdown.csv';

  $.get(CSV_URL, function (data) {
    var lines = data.split("\n");
    lines.shift();

    var countries = lines.map(function (line) {
      var fields = line.split(",");
      return {
        value: fields[0], 
        name: fields[1]
      };
    });

    countries.forEach(insertCountryInList);
  });

我试过了，但没用：

    $('#countries').val('22');
    $('#countries').trigger('change');

我该怎么做？

Answer 1

更改值并调用change：

$('#countries').val(22).change();

---

现场演示： https://jsfiddle.net/BlackLabel/e7q0xL4z/

API 参考： https://api.jquery.com/change/

相关问题：How to trigger jQuery change event in code