foreach 幾筆數據後，若選擇要在同一頁可編輯，如何將值帶入？

Question

<?foreach ($region_get_all->regions as $key):?> // 多筆數據 <?endforeach;?> 假設我透過 foreach 取得多筆數據後我要的做法是當使用者點擊該筆數據的「編輯」鈕我會顯示一塊div上面會有該筆數據的數據，會自動帶入到欄位中 // foreach裡面每筆數據都會有這按鈕 <button data-id="<id都不一樣>" type="button" class="openRightLayout">編輯</button> // js $(".openRightLayout").click(function(e) { e.preventDefault(); var id = e.currentTarget.dataset.id; $("#service_range").val(id); }); // div上，當按下按鈕後的其中一個input：（service_range只有一個） <div> <input id="service_range" name="service_range" type="text" value=""> </div> 他這樣竟然不能運行，他沒有把值真的帶入input....