通过JQuery绑定attr值DropDown？

Question

我正在尝试将 attr 值绑定到下拉列表，因为我需要 2 个以上的值才能绑定到下拉列表。

    success: function (JSONData) {
            var Ports = $.parseJSON(JSONData.d);
            $(".ddlFrom").empty();                
            $(".ddlFrom").append("<option  value=''>   </option>");

            $.each(Ports, function (index, value) {
            $(".ddlFrom").append("<option value='" + value.ID + "'>" + value.Name + "</option>")
                                .attr("Sequence", value.Sequence);

            });

但是，当我选择下拉列表中的任何项目时，我有数据列表进入下拉列表，并且我得到最后一个序列。我想要下拉选择值的相应序列

任何帮助

Answer 1

试试这个：

var Ports = $.parseJSON(JSONData.d);
var select = $(".ddlFrom");
select.empty();
$.each(Ports, function (index, value) {
    select.append("<option value='" + value.ID + "'>" + value.Name + "</option>")
    select.find(":last").attr("Sequence", value.Sequence);
});

或者（一种更简单的方法）是将其添加到您要附加的 HTML 中，如下所示：

var Ports = $.parseJSON(JSONData.d);
var select = $(".ddlFrom");
select.empty();
$.each(Ports, function (index, value) {
        select.append("<option value='" + value.ID + "' Sequence='" + value.Sequence + "'>" + value.Name + "</option>")
    });

在更高的立场上，使用自定义属性不是 HTML 语义（没有错，但可能会让你的 HTML 看起来很丑）。您可以尝试使用jquery 推荐的data 来存储元素的信息。

要从中获取值，请务必使用 jquery 的 find() 导航到选择元素，如下所示：

$(this).find(":selected").attr("Sequence")

否则你会得到一个undefined 错误:)

Working fiddle（更新）