Javascript 如何使用ajax设置模态值
这是我调用数据的脚本Javascript 如何使用ajax设置模态值,javascript,html,jquery,ajax,laravel,Javascript,Html,Jquery,Ajax,Laravel,这是我调用数据的脚本 <script> $(document).ready(function() { $('.tmpsurat').click(function() { var id=$(this).data('id'); var url ='{{URL('/cekSuratKelengkapan')}}/'+id; $.ajax({ type : 'get', url : url, dat
<script>
$(document).ready(function() {
$('.tmpsurat').click(function() {
var id=$(this).data('id');
var url ='{{URL('/cekSuratKelengkapan')}}/'+id;
$.ajax({
type : 'get',
url : url,
dataType : 'JSON',
success:function(data){
$('#surat').on('show.bs.modal', function (event) {
console.log(data);
modal.find("#id").val(data[0].a);
});
}
});
});
});</script>
尝试更改此选项:
modal.find("#id").val(data[0].a);
为此:
$("#id").val(data[0].a);
您可以使用
.each
循环遍历json,然后使用.val(v.idjenisrat)
在输入中赋值
演示代码:
$(文档).ready(函数(){
$('.tmpsurat')。单击(函数(){
var id=$(this.data('id');
/**var url='{url('/cekSuratKelengkapan')}}/'+id;
$.ajax({
键入:“get”,
url:url,
数据类型:“JSON”,
成功:功能(数据){*/
//假设这是从ajax返回的
风险值数据=[{
“a”:1,
“地位”:1,
“Idjenisrat”:1
},
{
“a”:5,
“地位”:1,
“Idjenisrat”:5
}, {
“a”:2,
“地位”:1,
“Idjenisrat”:2
}, {
“a”:3,
“地位”:1,
“Idjenisrat”:3
}, {
“a”:4,
“地位”:1,
“Idjenisrat”:4
}
]
//通过JSON循环。。
$(数据)。每个功能(i、v){
i++;
$(`id${i}`).val(v.idjenisrat);//赋值
})
/* }
});*/
});
});代码>
点击
塞克利斯特苏拉特酒店
&时代;
Nama转售商
情态动词
接近
提交
modal.find(#id”).val(数据[0].a)代码>是罪魁祸首。如果没有向jQuery的.val()
函数传递任何参数,则将获得输入值。如果您将数据传递到函数(.val(“一些新值,如您的URL”)
),则内容将发生更改。是否介意再详细解释一下?我对ajax这玩意儿还不熟悉,我试过了。。还是不行谢谢。。我猜它不起作用的原因是因为我需要先循环它,对吗。。无论如何谢谢你
[![screenshot console][1]][1]
modal.find("#id").val(data[0].a);
$("#id").val(data[0].a);