JQuery是一個(gè)廣泛使用的JavaScript庫,它提供了許多函數(shù)和方法,幫助我們更方便地操作HTML、CSS、DOM、AJAX等。
// 獲取假發(fā)input元素 var wigInput = $("#wig-input"); // 獲取假發(fā)模版元素 var wigTemplate = $("#wig-template"); wigInput.on("change", function() { // 獲取選擇的假發(fā)ID var wigId = $(this).val(); // 根據(jù)ID從服務(wù)器獲取假發(fā)信息 $.get("/wigs/" + wigId, function(wig) { // 將假發(fā)信息填充到假發(fā)模版中 var filledWigTemplate = wigTemplate.html() .replace("{name}", wig.name) .replace("{color}", wig.color) .replace("{price}", wig.price); // 在頁面中展示填充好的假發(fā)信息 $("#wig-info").html(filledWigTemplate); }); });
以上代碼實(shí)現(xiàn)了一個(gè)簡單的假發(fā)選擇器,當(dāng)用戶選擇假發(fā)后,通過AJAX從服務(wù)器獲取假發(fā)信息,并將信息填充到模版中展示給用戶。
上一篇純css 下拉框