使用jQuery操作select元素的option标签添加自定义属性

创建 

$('#BrandList').change(function() {
    $.ajax({
        url: "@Url.Action("get", "open")",
        type: "post",
        dataType: "json",
        data: {
            "BrandID": $("#BrandList").val()
        },
        success: function(result) {
            if (result.IsSuccess) {
                $("#ProductList").html("");
                $("#ProductList").prepend("<option  value='0'>选择产品</option>"); //添加第一个option值
                　　　　
                for (var i = 0; i < result.Data.length; i++) {
                    var item = result.Data[i];　　
                    $("#ProductList").append("<option data_DeploymentMode='" + item.DeploymentMode + "' value='" + item.ProductCode + "'>" + item.ProductName + "</option>");
                }
            }
        }
    });
});

 

 获取

  var data_DeploymentMode = $("#ProductList").find("option:selected").attr("data_DeploymentMode");