Javascript 是否可以使用速记将数据添加到选项中？

我正在尝试向select元素中的选项添加动态信息。我想使用数据，因为它与所有浏览器兼容。我尝试使用alt，但它确实出现在chrome中，但我不确定在option元素上使用alt标记是否合适

jQuery(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    alt: check_box_id
}));

jQuery（el）.append（$（''）{
值：索引，
text:column_persistence[索引]，
alt:复选框\u id
}));

如何使用append jQuery方法动态添加数据属性？

alt

（alternate text的缩写）仅适用于

元素，并用于可访问性原因。它是屏幕阅读器向视障用户大声朗读的内容，也是当图像无法显示时将显示的内容，以代替图像

从：

alt

此属性定义描述图像的可选文本。如果图像URL错误，用户将看到显示的文本， 图像不是支持的格式之一，或者如果图像是 尚未下载

浏览器并不总是显示元素引用的图像。 对于非图形浏览器（包括 有视力障碍的人），如果用户选择不显示 图像，或者如果浏览器无法显示图像，因为它是 无效或不受支持的类型。在这些情况下，浏览器可能会 用此元素的alt中定义的文本替换图像 属性出于这些原因和其他原因，您应该提供一个有用的 尽可能使用alt的值

完全忽略此属性表示图像是一个键 内容的一部分，并且没有可用的文本等价物。背景 将此属性设置为空字符串（alt=”“）表示此图像 不是内容的关键部分，非视觉浏览器可能 从渲染中忽略它

要添加

数据

属性及其数据，只需访问

.data（）

方法并传递属性的

-name

和值：

$( "body" ).data( "foo", 52 );

使用

.append（）

方法，您可以像设置其他属性一样设置属性，但一定要将整个属性括在引号中。它看起来是这样的：

jQuery(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    "data-Name": theValue
});

jQuery（el）.append（$（''）{
值：索引，
text:column_persistence[索引]，
“数据名”：值
});

有关文档，请参阅。

alt

（缩写为“替代文本”）仅适用于

元素，并用于可访问性原因。它是屏幕阅读器向视力受损用户朗读的内容，是当图像无法显示时显示的内容，而不是图像

从：

alt

此属性定义描述图像的可选文本。如果图像URL错误，用户将看到显示的此文本， 图像不是支持的格式之一，或者如果图像是 尚未下载

浏览器并不总是显示元素引用的图像。 对于非图形浏览器（包括 有视力障碍的人），如果用户选择不显示 图像，或者如果浏览器无法显示图像，因为它是 无效或不受支持的类型。在这些情况下，浏览器可能会 用此元素的alt中定义的文本替换图像 属性。出于这些原因和其他原因，您应该提供一个有用的 尽可能使用alt的值

完全忽略此属性表示图像是一个键 部分内容，但没有可用的文本等效项。设置 将此属性设置为空字符串（alt=”“）表示此图像 不是内容的关键部分，非视觉浏览器可能 从渲染中忽略它

要添加

数据

属性及其数据，只需访问

.data（）

方法并传递属性的

-name

和值：

$( "body" ).data( "foo", 52 );

使用

.append（）

方法，您可以像设置任何其他属性一样设置属性，但请确保将整个属性括在引号中。如下所示：

jQuery(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    "data-Name": theValue
});

jQuery（el）.append（$（''）{
值：索引，
text:column_persistence[索引]，
“数据名”：值
});

有关文档，请参阅。

三种方法：

$(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    "data-alt": check_box_id
}));

$（el）.append（$（''）{
值：索引，
text:column_persistence[索引]，
“数据替换”：复选框id
}));

或：

$（el）.append（$（''）{
值：索引，
文本：列_持久性[索引]
}).数据（“alt”，复选框（id））；

或：

$（el）.append（$（''）{
值：索引，
文本：列_持久性[索引]
}).attr（“数据替换”，复选框（id））；

这些将导致HTML元素：

<option value="1" data-alt="chbk-1">Column Name</option>

列名

有三种方法：

$(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    "data-alt": check_box_id
}));

$（el）.append（$（''）{
值：索引，
text:column_persistence[索引]，
“数据替换”：复选框id
}));

或：

$（el）.append（$（''）{
值：索引，
文本：列_持久性[索引]
}).数据（“alt”，复选框（id））；

或：

$（el）.append（$（''）{
值：索引，
文本：列_持久性[索引]
}).attr（“数据替换”，复选框（id））；

这些将导致HTML元素：

<option value="1" data-alt="chbk-1">Column Name</option>

列名

Yes，不要使用

alt

：Yes，不要使用

alt

：第二种方法正是我想要的答案。第二种方法正是我想要的答案。