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