jquery - 使用 jQuery 附加带有 HTML5 数据属性的选择选项

标签 jquery html custom-data-attribute

我正在尝试使用 jQuery 为选择元素构建一组选项。除了应该包含的数据属性外,它正在工作,这似乎被忽略了。

这是我的代码:

// cJ is JSON object.
// #currency is my select element.
function makeCurDropDown(cJ) {
    $.each(cJ, function (i) {
        $('#currency').append(
            $('<option></option>').val(i).data("sym", cJ[i][0]).html(cJ[i][1])
        );
    });
}

最佳答案

实际上 data 已设置,但由于您使用的是 data 方法而不是 attr 方法,因此它不可见。 jQuery 在幕后存储值,要获取值,您可以使用 .data('sym')。如果您想将值设置为属性,您可以改用 attr 方法。

关于jquery - 使用 jQuery 附加带有 HTML5 数据属性的选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18254213/

相关文章:

jquery - 将 Colorbox.js 标题移动到框顶部?

php - 在较大的表单中上传文件(一个页面上的两个表单),如何同时提交两组数据(文件和表单)? (PHP)

html - 如何在悬停时为元素设置动画

javascript - 从文章标签的数据属性列表创建一个数组

javascript - 对旧版浏览器使用 HTML 5's "data-*"属性有什么问题吗?

javascript - 使用jQuery修改样式时,能否捕获到HTTP错误?

jquery - 如何将<Input>提交按钮设置为文本大小

jquery 为什么不显示警报消息?

html - 使用 flexbox 在一行上显示标签并在一行上输入

html - 为什么我应该在我的自定义属性前加上 "data-"?