https://www.w3schools.com/js/js_json_parse.asp
用JSON.parse()把字串轉換為物件,再去迭代。
然後利用change事件再送ajax去執行資料庫查詢。
範例碼是直接回收利用產生下拉式選單的obj去做範例
https://jsbin.com/siwavegudu/edit?html,js,output
你已經可以呈現在下拉式選單中,
那你所謂的表單式什麼東西?
感覺有點抽象,
既然都可以呈現下拉選單,
類似的方法應該就可以呈現在表單中了。
我猜他是想不到該用什麼事件吧。
描述得太籠統了,
至少要詳細一點,
最好有圖做說明,
比較能夠明確回答問題吧。
就是當點選下拉式選單的選項後,會從JSON撈出資料呈現在下方的表格中,而這個表格是可以做填寫新增資料和從下拉式選單撈出資料呈現在表格中並修改,不知這可否用jquery做出來,目前卡在無法讓變數呈現在表單中。
$select = $('')
let myData;
$.getJSON('',function(data){
myData = data;
$select.html('');
for(var i= 0 ; i< data.length ; i++){
$('select').append('<option id="'+ data[i]['id']+'">' + data[i]['id']+ '  ' +data[i]['member_id']+ data[i]['name'] + '</option>');
}
error: (function() {
alert("錯誤");
});
});
$(document).on('change', '#select', function(){
var id ;
$('select option:selected').each(function(){
id = $(this).attr('id') -1 ;
});
$('#member_id').html(myData[id]['member_id']);
$('#name').html(myData[id]['name']);
$('#birth').html(myData[id]['birth']);
});
這是這是目前下拉式選單的JS,但是一直無法在表單顯示,感謝回答~~
如果只是要顯示文字,把
$('#member_id').html(myData[id]['member_id']);
改成
$('#member_id').text(myData[id]['member_id']);
不知道是不是你要的?
另外,你結構中的id是從1開始嗎?
id是從0開始,非常感謝回答~~