jquery - JQUERY を使用した CFSELECT の更新

Question

クエリ駆動型 CFSELECT を JQuery で更新する方法はありますか?

これが私のシナリオです：

cfquery を使用して入力された CFSELECT があります。

<cfselect name="descriptionDD1" id="descriptionDD1" query="customDescriptions" value="description" queryPosition="above">
   <option value="add_new">ADD NEW</option>
</cfselect> 

ユーザーが「ADD NEW」オプションをクリックすると、CFSELECT がプルしているデータベース内のまさにこのデータ リストに追加できる場所に MODAL がポップされます。AJAX の投稿は次のとおりです。

  <script>
   $(function(){
   //Add a new note to a link
   $("#addDescriptionForm").submit(function(){
      // prevent native form submission here
        $.ajax({
            type: "POST",
            data: $('#addDescriptionForm').serialize(),
            url: "actionpages/add_descriptions_modal.cfm",
            success: function() {
              $("#addDescriptionResponse").append( "Successfully added description." );
              }    
        });
        return false;           
        });
      });
      </script>

その部分は機能していますが、ユーザーが新しいデータを追加して MODAL ウィンドウを閉じた後、更新された CFSELECT リストを表示するにはページ全体を更新する必要があります。

ページ全体を更新すると、ユーザーが他のフォーム要素に入力した情報が失われるため、これは望ましくありません。

CFSELECT 要素だけを更新して、更新されたデータのリストを取得するように指示する方法はありますか?

たくさんありがとう。-ブライアン