Question

我有一个jQuery，可以在保存用户表单时更改隐藏字段的值，如下所示：

$('button').click(function () {
    $("#avatar-val").val($(".avatar-view>img").prop('src'));
});

我还需要它反向工作（种类）。因此，当用户返回到该用户页面时，它将获取隐藏字段中的值，并将其放入默认头像图像的img src中（在div avatar-view中，{ {1}}）

我尝试添加以下内容，但我无法让它工作

picture.jpg

$(document).ready(function() {
    $(".avatar-view>img").src($("#avatar-val").prop('src'));
});

Answer 1

jQuery中不存在

.src()，您应该使用.prop(propertyName, value)函数

为匹配元素集设置一个或多个属性。

要阅读input值，请使用.val()方法。

使用

$(".avatar-view > img").prop('src', $("#avatar-val").val());

$(document).ready(function() {
  $(".avatar-view > img").prop('src', $("#avatar-val").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="avatar-view" title="Change the avatar">
  <button class="btn btn-primary btn-block avatar-save">
    Change Avatar
  </button>
  <img src="https://www.gravatar.com/avatar/7839089cd91dc5cc5eb1e0cdbf3312ed" alt="Avatar">
</div>

<input name="avatar" value="https://www.gravatar.com/avatar/1a7926d223f025242d8ec5b120cc3e68" id="avatar-val" type="hidden">

Answer 2

您可以使用onEnabled代替 ~~src（）~~

$(".avatar-view > img").attr('src' ,$("#avatar-val").val());

.attr(attributename, value)

Answer 3

<img src='images/sample.jpg' />

如果您想从页面加载更改，请将html图像标记设置为runat server

<img   id='myImage' runat='server' src='images/sample.jpg' />

并在页面加载

上写下以下代码

myImage.src = 'image path here';

在页面加载时更改img src值

3 个答案: