Saya memiliki project, dalam kasus ini saya ingin ketika tombol dalam tabel ditekan maka secara otomatis dapat mengisi formulir dengan sendirinya berdasarkan value tabel tersebut, katakanlah dalam suatu record memiliki id unik masing-masing, nah untuk melakukan editing bagaimana caranya agar pengguna tidak perlu menginputkan secara manual id tersebut untuk melakukan editing, cukup menekan tombol saja dan bidang/field ID tersisi otomatis.
Kira kira begini skemanya, ini tombolnya
<a href="" id="1" class="btn">info</a>
Field pada form yang perlu diisi
<form>
<input type="text" id="product_name">
<input type="text" id="number">
</form>
Aku ingn product_name field diisi secara otomatis berdasarkan tombol yang ditekan, plis tolong, ini saya sudah coba gunakan ini
<a href="" id="1" onClick="reply_click(this.id)">info</a>
dan script ini
function reply_click(clicked_id)
{
//alert(clicked_id);
if(clicked_id == "1")
{
document.getElementById(product_name).value='Soap';
}
else
{
alert("button not pressed");
}
}
adakah yang keliru dengan logic saya?
Penyelesaian
Sebagaimana dinyatakan oleh Suman, Anda harus memberikan 'product_name' sebagai string untuk mendapatkanElementById (). Berikut contoh project yang mendekati http://jsfiddle.net/CTnFt/
Namun karena Anda mungkin punya banyak tag dalam project tersebut, jadi solusi lebih sederhananya mungkin adalah menempatkan valuenya di data-attribute pada tag dan membacanya dalam fungsi javascript, berikut contoh kerja yang lebih mendekati http://jsfiddle.net/Rc9MG/
<a href="#" id="1" class="btn" onclick="reply_click(this)" data-product-name="Soap">info</a>
<form>
<input type="text" id="product_name" />
</form>
<script type="text/javascript">
function reply_click(element)
{
document.getElementById('product_name').value = element.getAttribute('data-product-name');
}
</script>
Selamat mencoba n good luck!
