0

我对网页设计编程很陌生。我正在使用 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" );
      }
    }

我想要的是如何组合来自第一个选择标签和第二个选择标签的值。所以它可以作为一个下拉列表显示在html页面上。

我希望问题很清楚？

4

0 回答 0