在选择中附加选项并将数据属性添加到选项

Question

我有选择名称 slc_pc，我想通过 jquery 代码附加选项。

我试试这些脚本。但它不起作用。

$("select[name='slc_pc']").append(new Option("Hello", "Hello", true, true).attr("abc",brand,"123",model));

Answer 1

您的代码中有一些错误。首先，要设置多个属性，需要将它们作为对象传递。其次，属性的属性名称和值data不正确。brand&model应该是属性，abc&123应该分别是它们的值。

new Option将创建一个没有attr方法的选项元素。您可以使用 jQuery 创建一个新元素。

这是正确的方法

$('select[name="slc_pc"]')
  .append($('<option />')  // Create new <option> element
    .val('Hello')            // Set value as "Hello"
    .text('Hello')           // Set textContent as "Hello"
    .prop('selected', true)  // Mark it selected
    .data({                  // Set multiple data-* attributes
      brand: 'abc',
      model: '123'
    })
  );