CARA PARSING VALUE ATTRIBUTE PADA JQUERY

source logo : www.freebiesupply.com

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pada postingan kali ini hanya sebagai catatan reminder saja karena sering lupa bagaimana cara parsing data, cara parse, cara oper nilai dengan menggunakan atribut pada jquery. Case nya adalah mendapatkan nilai dari tombol edit, dimana tombol edit terdapat data atribut seperti ini.

<button class="tombol_c" attTitle="twitter" attDesk="This is Description" attLink="www.google.com" attStatus="2">
	submit
</button>  

• Script Html
• Script Jquery

#HTML

Jadi saat user klik tombol submit semua atribut attjudul, attdesk, attlink, attstatus yang ada pada akan di pindah ke dalam tempat (bisa html, input, tag) yang baru.

<button class="tombol_c" attTitle="twitter" attDesk="This is Description" attLink="www.google.com" attStatus="2">
	submit
</button>

<br> 
<input type="text" name="title">
 
<br>                                         
<textarea name="desk"></textarea>
  
<br>                                         
<textarea name="link"></textarea>
   
<br>                                         
<select name='status'>
  <option value="1"> Failed </option>
  <option value="2"> Success </option>
  <option value="3"> Done </option>
</select>

#Javascript/Jquery

lalu tambahkan script jquery dibawah ini untuk parsing data ke element, hmtl atau tag yang dituju

$(".tombol_c").on("click", function () {

  var attTitle  = $(this).attr('attTitle');
  var attDesk   = $(this).attr('attDesk');
  var attStatus = $(this).attr('attStatus');
  var attLink   = $(this).attr('attLink');

  $("input[name='title']").val(attTitle);
  $("textarea[name='desk']").val(attDesk);
  $("textarea[name='link']").val(attLink);
  $("select[name='status']").val(attStatus);

});

Demikian cara parsing value attribute pada jquery, jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :

CARA PARSING VALUE PADA JQUERY | CARA QUERY PARSING VALUE PADA JQUERY | CARA PARSING VALUE MENGGUNAKAN JQUERY | HOW TO PARSING VALUE USE JQUERY | HOW TO QUERY PARSING VALUE WITH JQUERY | PARSING VALUE on JQUERY | PARSING VALUE on JQUERY langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara membuat QRCODE dengan Jquery