Question

我正在尝试使用jquery构建动态html。

我有一个表格标签所需语言的复选框，但是当我应用parseHTML（）时，这些变量不会显示任何信息。

这是代码。

$desiredLanguageCompany = "";

$labelCompanyUK = "Company name ";
$labelCompanyGerman = "Unternehmen ";
$labelCompanyFrench = "Nom de la soci&eacute;t&eacute; ";
$labelCompanyItalian = "Societ&agrave; ";
$labelCompanyDanish = "Virksomhedsnavn ";
$labelCompanySwedish = "Not Provided ";
$labelCompanyFinish = "Yritys ";
$labelCompanyNorwegian = "Selskap ";

$formGroupCompany = '<div class="form-group">' +
    '<label for="inputLastname" class="control-label">' + $desiredLanguageCompany +
    '<span class="required">*</span></label><input type="text" aria-required="true" required="" placeholder=""' +
    'id="inputLastname" class="form-control input-lg" name="last_name" /></div>';

以下是功能：

$("#checkUK").change(function () {
    $desiredLanguageCompany = $labelCompanyUK;
    console.log($desiredLanguageCompany);
});

$("#testButton").click(function () {
    $jqueryObject = $($.parseHTML($personalizedHTML));
    $('#test').append($jqueryObject);
    $('form').append($formGroupCompany);
    $('#resultTextArea').val('<!DOCTYPE html>' + $('#test').html() + '</html>');
});

所以基本上当你检查语言选项时，必须设置变量并且它正在执行它但是当我应用parseHTML时，没有显示该变量的信息。

我应该做些不同的事吗？有没有更好的方法呢？

提前致谢。

Answer 1

构建$formGroupCompany时$desiredLanguageCompany为空。

另一种方法是调用一个返回html的函数：

function getGroupCompany() {
 return '<div class="form-group">' +
        '<label for="inputLastname" class="control-label">' + $desiredLanguageCompany +
        '<span class="required">*</span></label><input type="text" aria-required="true" required="" placeholder=""' +
        'id="inputLastname" class="form-control input-lg" name="last_name" /></div>';
}

和

$('form').append(getGroupCompany());

无法在HTML上显示变量值

1 个答案: