Javascript 将输入文本附加到模态C#MVC 5中

如果我的状态被更改，我想添加另一个文本框，文本区域以获得更多评论。 正如你在照片上看到的，我已经做了，但是位置不对，因为这对莫代尔来说有点棘手

我的代码如下：请深入查看（.editView）：

&时代；
编辑管道
客户
@*@DropDownList（“client”，（SelectList）ViewBag.ClientID，null，new{@class=“form control”}）*@
合作领域
@Html.DropDownList（“fco”，（SelectList）ViewBag.FCOID，null，new{@class=“form control”}）
人力资源价值
@*@LabelFor（“HR值”，“null”，新{}）*@
@TextBox（“hrvalue”，null，新{@class=“form control”}）
货币价值
@TextBox（“moneyvalue”，null，new{@class=“form control”}）
评论
@TextBox（“comment”，null，new{@class=“form control”}）
地位
@Html.DropDownList（“status1”，（SelectList）ViewBag.StatusID，null，new{@class=“form control”}）
编辑

$（文档）.ready（函数（）{
$（'.editView'）。单击（函数（）{
var ID=$（this.data（'ID'）；
$（“#status1”）.change（函数（）//status1表示我的dropDownList状态
{
//隐藏社会工作者和赞助商的东西
val=$（this.val（）；
if（val='11'）//如果我的状态更改为'Lost'，则
{
$（'#modalEditMerge'）。附加（''）；
//展示社工的东西
}否则{
警报（val）；//显示赞助商资料
}
});
//var top=document.getElementById（ID）.val（）；
//var top=$（this）.position（）.top；
//警惕（）；
//createCookie（'位置'，顶部，1）；
editID=ID；
$.ajax({
url:“/MergePipelineStatus/GetDataFromDb”，
contentType:'应用程序/json；'，
数据：JSON.stringify（{id:id}），
键入：“POST”，
成功：功能（结果）{
如果（result.id>0）{
$（“#status1”）.val（result.statusID）；
$（“#hrvalue”）.val（result.hrvalue）；
//$（“#client”）.val（result.client）；
$（“#fco”）.val（result.fco）；
$（“#moneyvalue”）.val（result.moneyvalue）；
$（“#comment”）.val（result.comment）；
}
},
错误：函数（有效）{
//window.location.href=“/Views/ERROR”；
swal（“Došlo je Do greške！”，“Molimo vas da pokušate ponovo！”，“error”）；
}
});
});
函数loadAjax（原因）{
$.ajax({
url:“/MergePipelineStatus/EditModal”，
contentType:'应用程序/json；'，
数据：JSON.stringify（{id:editID，status:$（“#status1”）.val（），reason:reason}），
键入：“POST”，
成功：功能（结果）{
if（result.boolresponse==true）{
$（'#modalEditMerge'）。模态（'toggle'）；
//t、 ajax.reload（）；
游泳({
标题：“Uspešna izmena”，
文字：“Uspešno ste izmenili stavku！”，
键入：“成功”，
//showCancelButton:true，
confirmButtonClass:“btn成功”，
confirmButtonText:'确定'，
//cancelButtonText:“Odustani”，
closeOnConfirm:true，
//closeOnCancel:错误
},
功能（isConfirm）{
如果（我确认）{
window.location.href=“/MergePipelineStatus/Index”；
}
});
}否则{
swal（“警报！”，result.textResponse，“警告”）；
}
},
错误：函数（有效）{
//window.location.href=“/Views/ERROR”；
swal（“Došlo je Do greške！”，“Molimo vas da pokušate ponovo！”，“error”）；
}
});
}
});

那些灰色区域只是一些敏感数据的标记。。 白色区域应位于模态上，状态下方。 我该怎么做

尝试更改此

$（'modalEditMerge'）。追加（''

到

$（'#modalEditMerge.modal body'）。追加（'''）

更新

如果要在追加之前检查是否已添加
输入
，可以执行以下操作：

if (val == '11')
    {
        if (!$('#modalEditMerge .modal-body #aText').length)
            $('#modalEditMerge .modal-body').append('<input type="aText" id="aText">');
    }

if（val==“11”）
{
if（！$（'#modalEditMerge.modal body#aText'）.length）
$（'#modalEditMerge.modal body'）.append（''）；
}
尝试更改此
$（'modalEditMerge'）。追加（''
到
$（'#modalEditMerge.modal body'）。追加（'''）

更新

如果要在追加之前检查是否已添加
输入
，可以执行以下操作：

if (val == '11')
    {
        if (!$('#modalEditMerge .modal-body #aText').length)
            $('#modalEditMerge .modal-body').append('<input type="aText" id="aText">');
    }

if（val==“11”）
{
if（！$（'#modalEditMerge.modal body#aText'）.length）
$（'#modalEditMerge.modal body'）.append（''）；
}
您正在附加到modalEditMerge
$（“#modalEditMerge”）。附加（“”）。你有没有试过在“模态身体”后面加上“？@FelippeDuarte，这很有效！谢谢还有一个问题，我如何避免每次点击都会添加多个丢失的html标记（输入文本）？通过if-else语句？或者我可以做得更好？再次感谢使用append时，它将创建一个新的DOM对象。你可以把它包装成一个div，比如说
。。。下面是“附加”
，并始终清除“我的包装”
if (val == '11')
    {
        if (!$('#modalEditMerge .modal-body #aText').length)
            $('#modalEditMerge .modal-body').append('<input type="aText" id="aText">');
    }