Copy Div Value to Textbox

Dear Admin dan Master,

Bagaimana copy data yang berada di Div ke Textbox ?

//id="display" sudah ada nilai 123 //Value div di copy ke textbox ini.

Mohon bantuan nya master-master.

Terima kasih,

avatar FitriR
@FitriR

109 Kontribusi 2 Poin

Diperbarui 6 tahun yang lalu

10 Jawaban:



<div id="display">Isi Div</div>
<input type="text" name="txtRate1" id="txtRate1" size="10"/>
<button type="button" id="btn" name="button">Copy</button>

<script type="text/javascript">
  $('#btn').click(function(){
		var div = $('#display').html();
		$('#txtRate1').val(div);
	});
</script>

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

@Nandar

bagaimana langsung autocopy tanpa perlu klik ?

avatar FitriR
@FitriR

109 Kontribusi 2 Poin

Dipost 6 tahun yang lalu


<div id="display">Isi Div</div>
<input type="text" name="txtRate1" id="txtRate1" size="10"/>

<script type="text/javascript">
$(document).ready(function(){
  var div = $('#display').html();
  $('#txtRate1').val(div);
});
</script>

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

@Nandar

saya coba seperti ini kenapa lum bisa ya?

avatar FitriR
@FitriR

109 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

codenya disaya berhasil, coba javascript taru nya di paling bawah. terus isi div nya mana?

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

@Nandar

div saya menghasilkan otomatis search pada id nya. Dari otomatis search itu saya ingin copy ke texbox. Apakah bisa?

function ajax_search() {

var nis = $("#txtId").val(); $.ajax({ url : "cari_tgl.php", data : "nis=" + nis, success : function(data) { // jika data sukses diambil dari server, tampilkan di $("#display").html(data); }

});

avatar FitriR
@FitriR

109 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

kenapa ga setelah sukses langsung di masukin juga ke textbox?

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

Nah itu dia. Cara masukin ke textbox nya bagaimana ya?

avatar FitriR
@FitriR

109 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih


function ajax_search() {
var nis = $("#txtId").val();
$.ajax({
url : "cari_tgl.php",
data : "nis=" + nis,
success : function(data) {
// jika data sukses diambil dari server, tampilkan di <select id=kota>
$("#display").html(data);
$('#txtRate1').val(data);
}
});

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 6 tahun yang lalu

Terjawab om @nandar terima kasih banyak ya.

avatar FitriR
@FitriR

109 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban