jQuery如何选择更改图像，ajax以多种形式工作？

Question

我需要选择更改一些数据并以自己的形式更改图像 每个来自将有自己的预览图像。 每个图像都会从选定的选项中获得 attr 名称“imagePreview”。 如果 attr 或 imagePreview="0" 中什么都不做

这里是我的一些工作脚本，但是当我更改选项时，DIV 标记中的所有图像预览都会更改，而不仅仅是表单... 请帮我让它工作>.

脚本

<script type="text/javascript">
$(document).ready(function() {
$('.choose').change(function(event) {
  var update = $(this).prev();
  //------
  var src = $("option:selected").attr("imagePreview");
  $(".imagePreview").html(src ? "<img src='" + src + "'>" : "");
  //-----
  $.post('select-change-ajax2.php', $(this).closest('form').serialize(), function(data) {
    update.html(data);
  });
});
});
</script>

html 表单

<form>
<div class="imagePreview">
   displays image here
</div>
( etc data this data not change )
 <div class="update">Default Data</div>
    <select name='selected' class="choose">
        <option value="1" imagePreview='/images/1.jpg'>1</option>
        <option value="2" imagePreview='0'>2</option>
       </select>
       <input type='hidden' name='do' value='go' />
</form>

<hr />

<form>
<div class="imagePreview">
   displays image here
</div>
( etc data this data not change )
 <div class="update">Default Data</div>
    <select name='selected' class="choose">
        <option value="3" imagePreview='/images/1.jpg'>3</option>
        <option value="4" imagePreview='0'>4</option>
       </select>
       <input type='hidden' name='do' value='go' />
</form>

Answer 1

您可以找到重要的元素（.imagePreview 和 <option>）relatively，如下所示：

$(function() {
  $('.choose').change(function(event) {
    var form = $(this).closest("form"),
        update = form.find(".update"),
        src = $(this).find("option:selected").attr("imagePreview");
    form.find(".imagePreview").html(src ? "<img src='" + src + "'>" : "");
    $.post('select-change-ajax2.php', form.serialize(), function(data) {
      update.html(data);
    });
  });
});

关键是将$("option:selected") 和$(".imagePreview") 更改为相对于更改元素，而不是分别选择它们找到的第一个/全部。

在找到 first 在 any <form> 和 all .imagePreview 元素中选择 <option> 之前，而不是使用 @ 987654322@ 我们正在寻找与已更改的<select>（this）相关的元素。