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....