Javascript 更新：如何将默认值传递到模态输入元素

更新：我已经被困在这个问题上三天了，我在任何地方都找不到答案。 我有一个模型包含-input type=“text”name=“mycardname”id=“CardName”/- 我想把卡名输入到输入框的值中。 我可以将其放在标签或范围中，但找不到将其添加到输入框的方法或示例。 我的代码如下

var属性=['cardname'，'metric'，'month']；
$（'.cardmodel'）。在（'click'，函数（e）上{
var$target=$（即target）；
var modalSelector=$target.data（'target'）；
ATTRIBUTES.forEach（函数（attributeName）{
var$modalAttribute=$（modalSelector+'#modal-'+attributeName）；
var dataValue=$target.data（attributeName）；
$modalAttribute.text（数据值| |“”）；
$target（'#CardName'）（'value try This'）；
});
});
$（'#settingsModal，#monthModal'）。on（'show.bs.modal'，function（event）{
警报（“本警报”）；
var$card=$（event.relatedTarget）.最近（'.card'）；
var$modal=$（本）；
var data=$card.data（）；
Document.getElementById（'#CardName'）.val（“试试这个”）；
for（数据中的var项）{
$modal.find（'[name=“'+item+'“]'））.val（数据[item]）；
}
});
$（'#monthModal.btn primary'）。单击（函数（）{
var$modal=$（this）.closest（'.modal'）；
var searchType=$modal.find（'input[name=“SearchTypeRadio”]：checked'）.val（）；
var metric=$modal.find（'[name=“metric”]'）.val（）；
var month=$modal.find（'[name=“month”]'）.val（）；
var cdName=$modal.find（'[name=“mycardname”]'）.val（）；
警报（“搜索类型：“+SearchType+”度量：“+Metric+”月：“+Month+”卡名：“+cdName”）；
});
$（'.btnApplyColors'）。在（'click'，函数（）{
var$modal=$（this）.closest（'.modal'）；
var cardName=$modal.find（'[name=“name”]'）.val（）；
var grMin=$modal.find（'[name=“greenmin”]'）.val（）；
var grMax=$modal.find（'[name=“greenmax”]'）.val（）；
var yMin=$modal.find（'[name=“yellowmin”]'）.val（）；
var yMax=$modal.find（'[name=“yellowmax”]'）.val（）；
var rMin=$modal.find（'[name=“redmin”]'）.val（）；
var rMax=$modal.find（'[name=“redmax”]'）.val（）；
var cardTR=cardName+'TR'；
var elements=document.getElementsByClassName（cardTR）；//获取所有元素
对于（var i=0；i=yMin&&td2=grMin&&td2=rMin&&td2-startYear；i--）{
$（'#yearpicker'）.append（$（''.val（i）.html（i））；
}

我的名片
我的名片名

@DateTime.Now.ToString（“MMMM-yyyy”）
Ccc

显示的统计信息
&时代；
月刊
每季的
您已选择每月一次
您已经选择了季刊
@*年第季度*@
第一季度
第二季度
第三季度
第四季度
取消
@*申请*@
申请

我不知道此页面上是否有多个相同的文本框和按钮。您的意思是将所有

属性

遍历到此按钮对应的文本框，还是将模式值对应的

属性

传递到文本框中

如果传入相应的

属性

，请参考以下示例：

<input type="text" name="mycardname" id="CardName" />

<button type="button" class="btn btn-sm btn-link CardModal"
        data-cardname="kls01" data-toggle="modal" data-target="#monthModal"
        title="Edit" aria-title="Edit">
    Launch Modal
</button>
@section Scripts{
    <script>
        $(function () {
            var ATTRIBUTES = ['cardname', 'metric', 'month'];
            $('.CardModal').on('click', function (e) {
                var $target = $(e.target); 
                var modalSelector = $target.data('target'); 
                ATTRIBUTES.forEach(function (attributeName) {
                    var $modalAttribute = $(modalSelector + ' #modal-' + attributeName);
                    var dataValue = $target.data(attributeName); 
                    $modalAttribute.text(dataValue || '00');
                    if ($target.prev().val() == '' || $target.prev().val == null) {
                        $target.prev().val(attributeName || '')
                    }
                });
            });
        })
    </script>
}

发射模态
@节脚本{
$（函数（）{
var属性=['cardname'，'metric'，'month']；
$（'.cardmodel'）。在（'click'，函数（e）上{
var$target=$（即target）；
var modalSelector=$target.data（'target'）；
ATTRIBUTES.forEach（函数（attributeName）{
var$modalAttribute=$（modalSelector+'#modal-'+attributeName）；
var dataValue=$target.data（attributeName）；
$modalAttribute.text（数据值| |“00”）；
如果（$target.prev（）.val（）=''| |$target.prev（）.val==null）{
$target.prev（）.val（attributeName | |“”）
}
});
});
})
}

结果:

---

我终于明白了：

更改： $target（'#CardName'）（'value try This'）

致：

var myCardName=$（this）.data（'cardname'）

---

$（“.modal body#mycardname”）.val（mycardname）

此编辑器不断删除我的一些内容……如何显示我的代码示例？？？请分享您的整个视图？否则，jquery代码将产生不同的影响。刚刚用代码更新（Visual Studio 2019，.net core 3.1，MVC）刚刚注意到DOM对象显示~input id=“modal cardname”name=“mycardname”~SSOAKLS~/input~……SSOAKLS是