针对Innerhtml更新的Ajax原型到Jquery转换

Question

我第一次尝试使用jquery而不是原型。我有一个表单，当你在我的下拉列表中更改国家/地区时，我想调用另一个脚本来显示相应的州/省列表。在原型中我会使用：

function getstates(form) {
   document.getElementById("stateresult").innerHTML="<img src='images/ajaxshippingload.gif' border='0'> Processing...";
  var checkingurl="shopgetstates.asp";
  var pars = 'country=' + form.country.value + '';
  var url = checkingurl + '?' + pars;
  var target = 'stateresult';
  var myAjax = new Ajax.Updater(target, checkingurl, {method: 'post',parameters: pars});

}

我试图将此转换为查询但收效甚微。我想出了：

function getstates() {
$.ajax({type:'POST', url: 'shopgetstates.asp', data:$('#ListingForm').serialize(), success: function(response) {
    $('#ListingForm').find('.stateresult').html(response);
}});

return false;

}

但我认为这只是一种矫枉过正，因为我只需要获取所选的1下拉值。有没有更简单的方法来完成我想要做的事情？