按值更改 html img 来自 json 数据，该数据获取带有一些可为空字段的数据库值

Question

我有一个包含以下字段的数据库表：

产品 ID |设计ID |材料 ID |颜色_id | picture1（图片名称字段）..

design_id、material_id 和 color_id 是数据库中可为空的字段..

我正在使用 linqtosql< /代码> 为它。

我有 id 字段的下拉列表。下拉菜单的顺序如下：

产品>设计>材料>颜色

这是一条牢不可破的路线。 （是的，我想出了如何做到这一点）

当我选择第一个下拉项（产品列表项）时，我希望更改我的图片。然后，当选择进一步的下拉项目时，我希望它再次改变。 （例如：选择产品后，选择设计时，我希望它找到与产品和设计 ID 匹配的图片（可以在数据库中找到）。

因此，如果 product=1, < code>design=0、material=0 和 color=0 将显示这种情况的图片，如果 product=3 >、设计=6、材料=2 color=9 将显示这种不同情况的图片

编辑：我现在可以更改图像，但无法仅在屏幕上显示链接。

这是 。新代码：

jquery

    $.getJSON('@Url.Content("~/Admin/GetPictures/")', { productId: prod, designId: des, matsid: mats, colid: col }, function (data) {
        $.each(data, function (i, c) {
            /*$("img#res").attr("src", "../../Pictures/" + c.Text).attr("alt", "../../Pictures/" + c.Text).attr("width", "100%");*/
              $("img#res").attr({ 'src': '../../Pictures/' + c.Text, 'alt': '../../Pictures/' + c.Text, 'width': '100%' });
        })
    })

Answer 1

找到了解决此问题的方法：

控制器

public JsonResult GetPictures(int productId, int? designId, int? matsid, int? colid)
{
    int? d = 0;
    int? m = 0;
    int? c = 0;
    if (designId == null) { d = 0; } else if (designId != null) { d = designId; };
    if (matsid == null) { m = 0; } else if (matsid != null) { m = matsid;};
    if (colid == null) { c = 0; } else if (colid != null) { c = colid; };
    IEnumerable<SelectListItem> PictureItems = db.Pictures.Where(x => x.product_id == productId & x.design_id == d & x.material_id == m & x.color_id == c).AsEnumerable().Select(x => new SelectListItem()
    {
        Text = x.picture1,
        Value = x.id.ToString().TrimEnd() 
    });
    SelectList data = new SelectList(PictureItems, "Value", "Text");
    return Json(data, JsonRequestBehavior.AllowGet);
}

视图

$.getJSON('@Url.Content("~/Admin/GetPictures/")', { productId: prod, designId: des, matsid: mats, colid: col }, function (data) {
    $.each(data, function (i, c) {
        $("img#res").attr("src", "../../Pictures/" + c.Text).attr("alt", "../../Pictures/" + c.Text);
    })
})