在页面加载和更改时使用AJAX填充SELECT元素

我有一个 SELECT

$(function() {
  function populate() {
    $.getJSON('/action/' + $(this).val(), {}, function(data, textStatus) {
      var el = $('select#two');
      el.html('');  // empty the select
      $.each(data, function(idx, jsonData) {
        el.append($('<option></option>').val(jsonData.id).html(jsonData.name));
      });
    });
  }

  $("select#one").change(populate);
});

getJSON 电话如下:

$.getJSON('/action/' + $("select#one").val(), {}, function(data, textStatus) 

(即,不要使用 $(this) )

populate();

虽然这样做有效,但感觉不太对劲。有人能提出更好的解决方案吗?