|
|
|
multilevel Drop down List เวลาแก้ไข ทำยังไง ให้ ตัวที่เป็น Sub Drop down Selected |
|
|
|
|
|
|
|
*Laravel
จากการสร้างหน้าเพิ่มข้อมูล ผมได้ใช้ Ajax ในการทำ multilevel Drop down List ก็ใช้งานได้ปกติไม่มีปัญหาอะไร
แต่พอถีงเวลาแก้ไข ตรงที่เป็น Drop Down หลัก Selected ได้ปกติ
แต่ตัวที่เป็น Sub Drop down ไม่ Selected ให้ ตรงไปเพิ่ม Code ตรงไหนครับ
ตัว Script
Code (PHP)
// eq_list_type on change
var listType = $('#eq_list')
$(document).ready(function(){
updateListType(listType)
});
$('#eb_Type').on('change', function(){
updateListType(listType)
});
function updateListType(listType)
{
var id = $('#eb_Type option:selected').val();
$.ajax({
url: '/eq_type/' + id + '/detail',
method: 'GET',
})
.done(function(data){
// Remove old elements
listType.find('option').remove().end();
// append option
$.each(data, function(i, item){
listType.append($('<option>', {
value: item.id,
text: item.nameTH + ': ' + item.price + ' บาท'
}))
})
})
.fail(function(status, data){
// console.log(data)
})
}
ตัว Select option
Code (PHP)
<div class="form-group">
<label>ประเภทรายการ: <span class="text-danger">*</span></label>
<select class="form-control select2" id="eb_Type" name="eq_list_type" style="width: 100%;">
<option value="" selected="selected"></option>
@foreach($equipTypes as $equipType)
@if (1 == $equipType->id)
<option value="{{ $equipType->id }}"
@if ($equipType->id == $eq_data->listequipmenttype_id) selected @endif >
@else
<option value="{{ $equipType->id }}"
@if ($equipType->id == $eq_data->listequipmenttype_id) selected @endif >
@endif
[ {{ $equipType->id }} ] : {{ $equipType->name }} </option>
@endforeach
</select>
</div>
<!-- /.form-group -->
<div class="form-group" id="eq_list_id">
<label>รายการ: <span class="text-danger">*</span></label>
<select name="eq_list" id="eq_list" class="form-control select2" style="width: 100%;">
<option value="" selected="selected" ></option>
</select>
</div>
Tag : PHP, JavaScript, Ajax, jQuery, Laravel Framework
|
|
|
|
|
|
Date :
2018-03-18 18:13:13 |
By :
the_cop |
View :
1461 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แก้ใน script ตรง // append option ให้ใส่ selected เมื่อเลือก ...โดยใส่เงื่อนไข if ถ้าไม่มีมันจะ set selected อันสุดท้าย
|
|
|
|
|
Date :
2020-08-02 21:36:10 |
By :
PhrayaDev |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|