Question

我是jquery和php的新手，所以如果问题很简单，我道歉。我必须根据列表框中选择的选项更改显示的图像。到目前为止，我的jquery能够检索并显示所需的img id。我最初尝试将图像id发布回php脚本然后检索图像，但后来意识到我可以直接操作img标签（因为我的图像是名称） 1.jpg，2.jpg）。有人可以帮帮我吗？谢谢！这是相关的代码：

HTML:
<img id="design"  class ="img-rounded" alt="Ad Picture" width="450p" height="450"/>
<input type="button" id="GetImage" class="btn" value="Get Image">
Jquery:
$('#GetImage').live("click",function() {
var imageid= $('#UserIds').val();
$.ajax({
    type:'POST',
    url:'ProvidingFeedback.php',
    data:{id:imageid},
    success: function(msg){ 
       if(result=='success') {
            $('#design').attr('src','/img/2.jpg');

       }
 }
});


});

我

Answer 1

因为你选择的图像是id，只能尝试img或#design

 $('#img').attr('src','/img/2.jpg');

应该是

 $('#design').attr('src','/img/2.jpg');

和

  if(msg=='success') {

应该是

  if(msg=='success') {

Answer 2

尝试

$.ajax({
  type:'POST',
  url:'ProvidingFeedback.php',
  data:{id:imageid},
  success: function(msg){ 
   //if(result=='success') { // 'result' is not define in you code above should be 'msg'
        $('#design').attr('src','/img/2.jpg');

   //}
 }

如果您想使用msg

获取结果

为了更好地帮助您调试代码，您可能需要查看@ Chrome Developer Tools: Breakpoints或Firebug Breakpoints

无法动态更改使用ajax和jquery显示的图像

2 个答案: