php - jquery モーダル フォームからさまざまな値をマージし、この値をドロップダウン リストに表示します

Question

私はWebデザインプログラミングにまったく慣れていません。jqueryui モーダル フォームを使用して、ユーザーが訪問者の名前やその他の詳細を入力して会議を設定できるフォームを作成しています。このユーザーがさらに訪問者を追加したい場合は、別の小さな jquery モーダル フォームを開くボタンがフォームにあり、新しい訪問者の名と姓 (同じ会議の場合) を追加します。

私が知りたいのは、ユーザーが会議に参加しているすべての訪問者の名と姓を表示できるように、両方のフォームで作成された名と姓をマージしてドロップダウン リストを作成する方法です。

（データベースから値をロードしたくないので、データベースに保存する前にすぐに反映させたい）。

これがサンプルです。

    $( "#dialog-form" ).dialog({
  autoOpen: false,
  modal: true,
  buttons: {
    "Create Meeting": function() {
      var bValid = true;
      allFields.removeClass( "ui-state-error" );
if ( bValid ) {
        $( "#users tbody" ).append( "<tr>" +
          "<td>" + meetname.val() + "</td>" +
     "<td>" + "<select>" + "<option>"+ firstname.val() + "&nbsp;" + surname.val()+  "</option>" + "</select>" + "</td>" + "</tr>");

      }
    },
"Add More Visitors": function() {
        $( "#another-dialog-modal" ).dialog('open');
    },

$("#dialogSelect").change(function(){
$( "#another-dialog-modal" ).dialog('open');});
$( "#another-dialog-modal" ).dialog({
autoOpen: false,
modal: true,
buttons: {
    Cancel: function() {
        $(this).dialog('close');
    },
"Add Visitor": function() {
var bValid = true;
      notallFields.removeClass( "ui-state-error" );

if ( bValid ) {
        $( "#users tbody" ).append( "<select>" + "<option>"+ fn.val() + "&nbsp;" + sn.val() + "</option>" + "</select>" );
        $( this ).dialog( "close" );
      }
    }

私が欲しいのは、最初の select タグと 2 番目の select タグの値を組み合わせる方法です。そのため、1 つのドロップダウン リストとして html ページに表示できます。

質問が明確であることを願っていますか？