img src 没有更新

Question

所以基本上我想做的是在不刷新网站的情况下更新图像 scr。好吧，如果我刷新网站但用户看不到他选择的图像，它会起作用。所以用户需要先刷新页面。

img标签 <img class="tInput" id="ImageType" src="<?php echo $this->item->houses_ImageType; ?>" alt="0" />

这是一个自动填充表单，文本有效。 <input class="tInput" type="text" name="house_video" id="video" size="50" maxlength="250" value="<?php echo $this->houses->video; ?>" />

<input name="house_title" value="<?php echo $this->houses->house_title; ?>" class="tInput" id="game_title" tabindex="1"/>

javascript代码

                $itemrow.find('#house_title').val(ui.item.itemTitle);
                $itemrow.find('#House_Type').val(ui.item.HouseType);
                $itemrow.find('#ImageType').val(ui.item.ImageType);
                $itemrow.find('#house_video').val(ui.item.itemVideo);

在我的 joomla 站点中，我创建了一个小组件（在一些帮助下），在那里我创建了一个包含房屋标题、图像、视频等的字段...它连接到我的数据库，图像的数据库字段只是一个文本框。我把图像路径 (/images/items/house145.jpg) 放在那里。

如果用户想搜索像三居室的房子这样的东西，那么所有的信息都会自动填充，还有图像字段，但是你需要刷新页面然后图像才会显示出来。如果用户搜索 5 间卧室，则他需要再次刷新页面，因为 3 间卧室的图像仍然显示。

我是不是漏了什么？

Answer 1

您无法使用 val 函数更改图像来源。您可以通过更改 src 属性的值来实现。

 $(elem).attr('src', newSource);

所以在你的情况下：

 $itemrow.find('#House_Type').attr('src', ui.item.HouseType);

 $itemrow.find('#ImageType').attr('src', ui.item.ImageType);

Answer 2

根据 ceejayoz 的评论，对图像使用 .attr('src') 而不是 .val()。

$itemrow.find('#house_title').attr('src', ui.item.itemTitle);
$itemrow.find('#House_Type').attr('src', ui.item.HouseType);
$itemrow.find('#ImageType').attr('src', ui.item.ImageType);
$itemrow.find('#house_video').attr('src', ui.item.itemVideo);

Answer 3

谢谢大家，我做了一些事情...如果我将 attr... 全部放入，那么只有图像可以工作，文本框不行。现在可以使用了！

        $itemrow.find('#house_title').val(ui.item.itemTitle);
        $itemrow.find('#House_Type').val(ui.item.HouseType);
        $itemrow.find('#ImageType').attr('src', ui.item.ImageType);

img src 没有更新

Img scr not updating

javascript

php

updating

image

autofill