利用不显示的input 标签设置value值,用js 获取元素值,再赋值到html 元素上面
@model CompanyModel
@{
Layout = null;
ViewBag.Title = "服务商详情";
}
<input type="text" id="ModelId" value="@Model.Id" style="display:none"/>
<input type="text" id="CompanyName" value="@Model.CompanyName" style="display:none"/>
<div class="company-detail-right-logo">
<div class="card-img" id="image" >
<img id="Image" />
</div>
</div>
<script>
var id = document.getElementById("ModelId");
var companyName = document.getElementById("CompanyName");
alert(companyName.value);
var imageUrl = "/Content/images/companies/" + id.value + ".jpg";
document.getElementById("Image").src = imageUrl;
document.getElementById("Image").alt = companyName.value;
</script>
编译成:
<div class="company-detail-right-logo">
<div class="card-img" id="image">
<img id="Image" src="/Content/images/companies/1.jpg" alt="公司名">
</div>
</div>