我现在正在使用PUG作为视图引擎的Node-Express环境中工作。

我有CompanySchema，其中字段“ comp_ParentName”之一引用了模式本身：

comp_ParentName: {type: Schema.Types.ObjectId, ref: 'Company', required: false},

这不是必需的，因为并非每个公司都有母公司。因此，我想让用户可以选择在创建新公司时将其保留为空（在这种情况下，当公司没有母公司或用户根本不知道公司是否成立时）完全没有任何母公司）。

我在“创建新公司”表格中有一些测试代码，但不幸的是，它并不能100％地达到我的目的：

div.form-group.row
  label(class="col-sm-2 col-form-label col-form-label-sm")(for='comp_ParentName') Parent company:
  div.col-sm-10
    select#comp_ParentName.form-control(class="form-control form-control-sm" type='select', placeholder='Select parent company' name='comp_ParentName' required='false' )
      - companies.sort(function(a, b) {let textA = a.comp_OfficialName_ENG.toUpperCase(); let textB = b.comp_OfficialName_ENG.toUpperCase(); return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;});
      for company in companies
        if company
          option(value=company._id selected=(company._id.toString()===company._id.toString() ? 'selected' : false) ) #{company.comp_OfficialName_ENG}
        else
          option(value=company._id) #{company.comp_OfficialName_ENG}

我在上面的代码中遇到的问题是，表单中总是有一个“预选”的公司，但是正如我所说，我想有一个选项可以将此字段保留为空。我想借助以下选项添加一些默认选项，例如“选择母公司”

option(value="" disabled selected) Choose Parent Company

但是每次我尝试保存新公司时，都会弹出“请填写此字段”工具提示。

有没有可能的解决方法？

这是处理在companyController.js中创建公司的代码：

exports.company_create_post = [
// Convert the companyrole to an array.
(req, res, next) => {
    if(!(req.body.companyrole instanceof Array)){
        if(typeof req.body.companyrole ==='undefined')
        req.body.companyrole = [];
        else
        req.body.companyrole = new Array(req.body.companyrole);
    }
    next();
},

// Validate and sanitise fields.
body('comp_OfficialName_ENG', 'Must not be empty.').trim().isLength({ min: 1 }).escape(),
body('comp_ShortName_ENG', 'Must not be empty.').trim().isLength({ min: 1 }).escape(),
body('comp_GroupName_ENG', 'Must not be empty.').trim().isLength({ min: 1 }).escape(),
body('comp_Role.*').escape(),
body('comp_cntrID', 'comp_cntrID must be specified').trim().isLength({ min: 1 }).escape(), //reference to the associated country
body('comp_stID', 'comp_stID must be specified').trim().isLength({ min: 1 }).escape(), //reference to the associated state
body('comp_ctyID', 'comp_ctyID must be specified').trim().isLength({ min: 1 }).escape(), //reference to the associated city

// Process request after validation and sanitization.
(req, res, next) => {
    
    // Extract the validation errors from a request.
    const errors = validationResult(req);

    // Create a Company object with escaped and trimmed data.
    var company = new Company(
      { comp_OfficialName_ENG: req.body.comp_OfficialName_ENG,
        comp_ShortName_ENG: req.body.comp_ShortName_ENG,
        comp_GroupName_ENG: req.body.comp_GroupName_ENG,
        comp_ParentName: req.body.comp_ParentName,
        comp_Role: req.body.companyrole,
        comp_cntrID: req.body.comp_cntrID,
        comp_stID: req.body.comp_stID,
        comp_ctyID: req.body.comp_ctyID
       });

    if (!errors.isEmpty()) {
        // There are errors. Render form again with sanitized values/error messages.

        // Get all Company roles for form.
        async.parallel({
            companyroles: function(callback) {
                CompanyRole.find(callback);
            },
        }, function(err, results) {
            if (err) { return next(err); }

            // Mark our selected companyroles as checked.
            for (let i = 0; i < results.companyroles.length; i++) {
                if (company.companyrole.indexOf(results.companyroles[i]._id) > -1) {
                    results.companyroles[i].checked='true';
                }
            }
            res.render('company_form', { title: 'Create Company', companyroles:results.companyroles, company: company, errors: errors.array() });
        });
        return;
    }
    else {
        // Data from form is valid. Save company.
        company.save(function (err) {
            if (err) { return next(err); }
               //successful - redirect to new company record.
               res.redirect(company.url);
            });
    }
}];

更新：在@Ankur R的帮助下，该问题已基本解决，但现在我面临另一个问题。如果公司有一个母公司，那绝对没问题，我可以在我的选择控件的下拉列表中选择母公司的名称。但是，在那些公司没有母公司的情况下，我的company_detail.pug中的点符号会停止工作，并给我一个错误。

company.comp_ParentName.comp_OfficialName_ENG

它说“无法读取未定义的属性'comp_OfficialName_ENG'”。将零值赋给它是非常合乎逻辑的：

option(value="" selected) No Parent Company

这是我在“ company_form.pug”中的选择控件（只是为了说明如何创建“ comp_ParentName”）：

div.form-group.row
  label(class="col-sm-2 col-form-label col-form-label-sm")(for='comp_ParentName') Parent company:
  div.col-sm-10
    select#comp_ParentName.form-control(class="form-control form-control-sm" type='select', name='comp_ParentName' )
      - companies.sort(function(a, b) {let textA = a.comp_OfficialName_ENG.toUpperCase(); let textB = b.comp_OfficialName_ENG.toUpperCase(); return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;});
      option(value="" selected) No Parent Company
      for company in companies
        if company
          option(value=company._id selected=(company._id.toString()===company._id.toString() ? 'selected' : false) ) #{company.comp_OfficialName_ENG}
        else
          option(value=company._id) #{company.comp_OfficialName_ENG}

这是“ company_detail.pug”中的代码，其中点表示法停止工作，表示“ comp_ParentName”未定义。

div.form-group.row
  label(class="col-sm-2 col-form-label col-form-label-sm")(for='comp_ParentName') Parent company:
  div.col-sm-3
    input#comp_ParentName.form-control(class="form-control rdonly form-control-xs" type='text', name='comp_ParentName' value=(undefined===company ? '' : company.comp_ParentName.comp_OfficialName_ENG ) readonly)

有关如何处理此问题的任何想法？