我的页面中有选择标签,选项来自数据库。
当我运行 JS 代码时,我收到除旧数组外我需要传递的新数组(在新数组中我收到新选项)
<select name="category_id" class="form-control custom-select" id="variant_colour">
<option selected>Select variant...</option>
@foreach($attributes_colour_selected as $variant)
<option value="">{{$variant->attributes_colour}}</option>
@endforeach
</select>
<script>
$('#variant_model').change(function(){
var value = $('select#variant_model').val();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type:"POST",
url: "showVariantModel",
data: {value:value},
success: function(data){
var attr = 'I don't know what to pass here';
$('#variant_colour:last').append(attr);
}
})
});
</script>
您能否建议更改 foreach 参数的最简单方法。新变量来自控制器。当我像这样写字符串时:
<script>
var attr = '@foreach($attributes_colour_selected as $variant)'+
'blablabla'+
'@endforeach';
</script>
什么都行不通...
你可以简单地做一个,foreach
因为你还没有解释你要返回什么类型的数组,所以我只是假设它是一个{key: value}
类型数组,所以在你的成功函数中
success: function(response){
let select = document.querySelector('#variant_colour')
select.innerHTML = '' //if you want to remove previous options
response.forEach((op)=>{
select.innerHTML += `<option value=${op.id}>${op.value}</option>`
})
}
此外,您需要在刀片的选项值属性中提供一些值
<option value="{{ $variant->id }}">{{$variant->attributes_colour}}</option> //set some value example id
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句