Javascript 如何使用jQuery向HTML选择添加选项

我有一个html选择，如：

<select id="airports-sel">
      <option data-group="1" value="1">Madrid–Barajas</option>
      <option data-group="1" value="2">Torrejón de Ardoz Airport</option>
      <option data-group="2" value="3">Milan-Malpensa</option>
      <option data-group="2" value="4">Milan-Linate</option>
</select>

马德里—巴拉哈斯
托雷昂阿尔多兹机场
米兰马尔彭萨
米兰利纳特酒店

我需要使用jQuery向该select添加一个新机场，我尝试使用以下代码，但它不起作用：

$('#airports-sel').append($('<option>', {
      value: 5,
      text: Paris-Orly Airport,
      data-group: 3
}));

$（'#机场选择'）。附加（$（''）{
数值：5，
文字：巴黎奥利机场，
数据组：3
}));

---

这在没有“数据组”的情况下可以工作，但对我来说，在每个选项上设置数据组是非常重要的，您能提供一个示例说明如何做到这一点吗？

您的代码有几个问题：

您没有正确使用字符串；字符串必须用引号括起来

在对象中使用连字符分隔的键，该键也必须用引号括起来，否则会出现语法错误

代码：

$('#airports-sel').append($('<option>', {
      value: 5,
      text: "Paris-Orly Airport",
      "data-group": 3
}));

$（'#机场选择'）。附加（$（''）{
数值：5，
文字：“巴黎奥利机场”，
“数据组”：3
}));

您的代码有几个问题：

您没有正确使用字符串；字符串必须用引号括起来

在对象中使用连字符分隔的键，该键也必须用引号括起来，否则会出现语法错误

代码：

$('#airports-sel').append($('<option>', {
      value: 5,
      text: "Paris-Orly Airport",
      "data-group": 3
}));

$（'#机场选择'）。附加（$（''）{
数值：5，
文字：“巴黎奥利机场”，
“数据组”：3
}));

希望能有所帮助

     $("#airports-sel").append("<option data-group=3 value='>Paris-Orly Airport</option>");

$（“#机场选择”）。附加（希望有帮助

     $("#airports-sel").append("<option data-group=3 value='>Paris-Orly Airport</option>");

$（“#airports sel”）.append（您只需在jquery中编写以下代码即可添加选项

$("#airports-sel").append("<option data-group='3' value='5'>Paris-Orly Airport</option>");

$（“#机场选择”）。附加（“巴黎奥利机场”）；
您只需在jquery中编写以下代码即可添加选项

$("#airports-sel").append("<option data-group='3' value='5'>Paris-Orly Airport</option>");

$（“#机场选择”）。附加（“巴黎奥利机场”）；
为什么否决这个答案？这是正确的答案，而不是评论中提到的重复答案。@Alex，如果它解决了你的问题，那么你应该接受答案。为什么否决这个答案？这是正确的答案，而不是评论中提到的重复答案。@Alex，如果它解决了你的问题，那么你应该接受答案。