javascript - jQuery函数复制。我该如何缩短时间？

您可以在此处检查页面：http://jsfiddle.net/7JhjN/

基本上，有重复的地狱，我不喜欢这样。我肯定有问题，因为它不是正确的编程逻辑。

如何缩短此功能？

系统的工作方式如下：
1.有6个选择框。 （选项值相同）
2.有6x div用于输出。
3.每当更改选择框值时，目标div中的图像都会更改。

最佳答案

这个怎么样：

HTML：

<select class='item_early' name="item_early1" data-id="1"><option value="0"></option></select>
<select class='item_early' name="item_early2" data-id="2"> <option value="0"></option></select>
<select class='item_early' name="item_early3" data-id="3"> <option value="0"></option></select>
<select class='item_early' name="item_early4" data-id="4"> <option value="0"></option></select>

<div id="result_item_early1"></div>
<div id="result_item_early2"></div>
<div id="result_item_early3"></div>
<div id="result_item_early4"></div>

Javascript：

$('.item_early').change( function() {
  var value = $(this).val();
  var id = $(this).data('id');

  $('#result_item_early'+id).html('<img src="http://www.sobafire.com/themes/default/images/loading.gif">');
  $('#result_item_early'+id).load('http://www.sobafire.com/ajax.php?ajaxType=ITEM&itemID=' + value);
});

关于javascript - jQuery函数复制。我该如何缩短时间？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8865320/